react.js - react antd 如何在两个JSX文件中的组件之间传递状态（？）

问题描述

问 题

先上图：

如图两个组件，放在两个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中，渲染的数据是要将加入后的信息也显示出来，我改如何做可以做到这点，我并没有什么思路，求教

解决方案

1. 在父组件中管理state, 传入到子组件之后使用this.props.xxx获取, 更新组件.

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

这篇关于react.js - react antd 如何在两个JSX文件中的组件之间传递状态（？）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！