如何在reactjs中将数据从功能组件传递到类组件

Question

我想将数据从我的App.js文件传递到一个子类组件。我试过道具，但根本不起作用

const org = 'Organization Dashboard'
const remotes = 'FromAdmin';
const DashboardContainer = ()=>(
<Sidebar org={org}>
<div className="App">
<Route path='/dashboard' component={Dashboard}/> 
<Route path='/mytab' component={MyTab}/>
<Route path='/team' component={MyTeam}/>
<Route path='/settings' component={Settings}/>
<Route path='/logout' component={Logout}/>
<Route path='/team-settings/:param1' component={TeamSettings}/>
**<Route remotes='remotes' path='/user-settings/:param1'   component={MyTab}/>**
</div>
</Sidebar>
)

我想在MyTab类组件中传递数据，当我在MyTab中使用this.ops时，它显示未定义的

将不胜感激

Answer 1

我假设您正在尝试将remotes='remotes'传递给MyTab。Route呈现的组件只传递路由道具，但您可以使用匿名内部函数插入额外的道具如果你需要的话，别忘了传递路线道具

<Route
path='/user-settings/:param1'
component={routeProps => <MyTab {...routeProps} remotes='remotes' />}
/>

Answer 2

您可以覆盖组件。默认情况下，组件接受基于类或基于函数的组件。但是您可以覆盖组件。您不仅可以传递函数的数据。但你不应该这样做。使用redu来实现这种事情。如果是静态数据，则可以通过这种方式传递。但如果是动态数据，则使用redux。

<Route
path = '/myTab'
component = {(props) => <MyTab {...props} data={data}/>}
/>