如何在2个DOM(ReactJs)之间传递数据？

Question

在一个项目中，我必须使用多个react渲染元素。

在项目中，我必须使用多个response渲染元素，其中包括：index.js

    ReactDOM.render(
        <Header/>,
        document.getElementsByClassName('globalHeader') [0]
    );

    ReactDOM.render(
        (
            <Provider store={store}>
                <PersistGate persistor={persistor}>
                    <ConnectedRouter history={history}>
                        <AppRouter/>
                    </ConnectedRouter>
                </PersistGate>
            </Provider>
        ),
        document.getElementById('root') as HTMLElement
    );

我如何在这些元素之间有一个单一的数据存储？在一个组件中的redux数据应该可以在其他组件中访问。

Answer 1

老兄，你不需要使用两个DOM来实现全局头的功能。

只要在 AppRouter 看起来像这样

<>
  <Header />
  <Switch>
    <Route
      exact
      path="/somepath1"
      component={Component1}/>
    <Route
      exact
      path="/somepath1"
      component={Component2}/>
  </Switch>
</>