react-router 组件间传递数据问题?

/*路由如下

* 组件<ShareS2/>是个表单;

* 现在的需求是,<shares2/>表单中的数据要显示在<Expect/>中,能想到的就是路由参数来传递,数据;

* 有木有办法通过 react的 props 传递呢?

* 该如何写呢?

*/

render((

  <Router history={appHistory}>

    <Route path="/" component={Home}/>

    <Route path="share" component={ShareS1}/>

    <Route path="shares2" component={ShareS2}/>

    <Route path="expect" component={Expect}/>

  </Router>

), document.getElementById('root'));

组件<ShareS2/>部分代码

https://img4.mukewang.com/5bc476790001cc8109220536.jpg

组件<Expect/>部分代码

https://img.mukewang.com/5bc4768b0001f9ab08690508.jpg

天涯尽头无女友
浏览 556回答 1
1回答

阿晨1998

React中如果在两个有联系的组件(parent-child)之间传递信息,可以使用props传递,但是两个没有联系的组件传递信息的话,需要实现事件系统(event),比如Event Emitter/Target/Dispatcher&nbsp;或Publish / Subscribe模式实现消息传递。React官方文档所以。。你还要学习flux、redux这些东西。。。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript