我一直试图将一些props从我的 HOC 传递给孩子们。HOC 包装react-router开关和路由。子组件中缺少props。我使用 React.CloneElement 将props添加到孩子,但似乎不起作用
<BrowserRouter>
<Layout>
<React.Suspense fallback={loading()}>
<Switch>
<Route exact path="/" component={Login} />
<Route path="/dashboard" component={Home} />
<Route path="/tickets" component={Tickets} />
</Switch>
</React.Suspense>
</Layout>
</BrowserRouter>
这是 HOC(布局)
class Layout extends React.Component {
.....
render() {
const children = this.props.children && React.cloneElement(this.props.children, { data: 'ok' })
...
子组件没有得到数据props,我只得到这个
{history: {…}, location: {…}, match: {…}, staticContext: undefined}