Reactjs 两个不同应用程序之间的数据流

我以模块化的方式开发了react应用程序。这样每个模块都是一个独立的应用程序。我需要将数据从应用程序1的一条路由传递到应用程序2的其他路由。 我需要传递的数据很大

请求除window.location之外的进近。

---

我的所有应用程序都部署在Linux上的同一台服务器上。

您最好创建一个所有路由都可以访问的存储。例如，如果要使用redux，则可以将

sharedValue:''

保留在根缩减器中。然后使用

MapStateTrops

对这些路线的每个单独组件进行操作

下面是一个示例

function rootReducer(state = {sharedValue: ''}, action) {
  switch (action.type) {
    case UPDATE_SHARED_VALUE:
      return Object.assign({}, state, {
        sharedValue : action.payload
      })
    default:
      return state
  }
}

和示例路线

<Route path="/" component={App}/>
<Route path="path1" component={Component1}/>
<Route path="path2" component={Component2}/>

组件2

// Component2.js
// put the below outside of the component

function mapStateToProps(state) {
  const { sharedValue } = state
  return { sharedValue  }
}

export default connect(mapStateToProps)(Component2)

---

设置redux还有很多，但在这里您可以看到这两个组件如何访问共享值。由于该值位于共享存储中，因此该值应在两条路由中保持不变

您最好创建一个所有路线都可以访问的商店。例如，如果要使用redux，则可以将

sharedValue:''

保留在根缩减器中。然后使用

MapStateTrops

对这些路线的每个单独组件进行操作

下面是一个示例

function rootReducer(state = {sharedValue: ''}, action) {
  switch (action.type) {
    case UPDATE_SHARED_VALUE:
      return Object.assign({}, state, {
        sharedValue : action.payload
      })
    default:
      return state
  }
}

和示例路线

<Route path="/" component={App}/>
<Route path="path1" component={Component1}/>
<Route path="path2" component={Component2}/>

组件2

// Component2.js
// put the below outside of the component

function mapStateToProps(state) {
  const { sharedValue } = state
  return { sharedValue  }
}

export default connect(mapStateToProps)(Component2)

---

设置redux还有很多，但在这里您可以看到这两个组件如何访问共享值。由于该值位于共享存储中，因此该值应在两条路由中保持不变

您是否可以尝试创建一个封装所有react应用程序的包装react应用程序，以将数据从一个react应用程序传递到另一个react应用程序，或者在其他事物之间共享数据。如果您愿意，也可以通过这种方式为所有应用程序创建一个公共存储。您可以尝试创建一个封装所有react应用程序的react应用程序包装器，以将数据从一个react应用程序传递到另一个react应用程序，或者在其他内容之间共享数据。这样，如果您愿意，也可以为所有应用程序提供一个公共存储。