react antd 如何在两个JSX文件中的组件之间传递状态(?)

先上图:

clipboard.png

如图两个组件,放在两个JSX文件中,两个组件同属于一个父组件:

<Card title="基本信息" style={{width: '100%', padding: '2px'}}>
  <WorkOrderDetailsUserList
    orderCode={this.state.orderCode}
    users={this.state.currentUserId}
  />
</Card>
<Card title="工单状态" style={{width: '100%', padding: '2px'}}>
  <WorkOrderDetailsFlow status={this.state.status}/>
    <WorkOrderDetailsOperation
      currentUserId={this.state.currentUserId}
      orderCode={this.state.orderCode}
   />
</Card>

在组件WorkOrderDetailsFlow中触发“我要加入”之后,向后台请求了数据,在组件WorkOrderDetailsUserList中,渲染的数据是要将加入后的信息也显示出来,我改如何做可以做到这点,我并没有什么思路,求教

阅读 3.7k
2 个回答
  1. 在父组件中管理state, 传入到子组件之后使用this.props.xxx获取, 更新组件.

  2. 用 redux 管理 推荐一个简单实用的教程
    http://www.ruanyifeng.com/blo...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题