Reactjs react-router-v4：如何将此.state数据传递给仅由路由触发的组件

我正在处理一个react项目，使用react的状态和react路由器dom v4

我试图了解如何将应用程序的状态传递给正在我的

中呈现的非子组件

---

如何将数据传递给无父组件？

您可以使用渲染道具，执行以下操作：

<Route path="/newpage" render={()=><ParentlessComponent someProp={true} />} />

}/>

---

有多种方法可以做到这一点。你可以阅读更多关于这方面的内容

您可以使用渲染道具，并执行如下操作：

<Route path="/newpage" render={()=><ParentlessComponent someProp={true} />} />

}/>

---

有多种方法可以做到这一点。你可以阅读更多关于这方面的内容

您可以使用

render

呈现您的

parentlessComponent

，并向其传递所需的组件状态和其他数据

<Route path='/newpage' render={() => (
      <parentlessComponent {...this.state} data={extraProps}/>
    )}/>

---

您可以使用

render

呈现您的

parentlessComponent

，并向其传递组件状态和所需的其他数据

<Route path='/newpage' render={() => (
      <parentlessComponent {...this.state} data={extraProps}/>
    )}/>

---

---

我是新来的。这里有一个解决方法，如果你没有在应用程序的状态下存储任何关键数据，你可以使用localStorage。你使用的是redux吗？不，我使用的是react的状态我是新的react。这里有一个解决方法，如果你没有在应用程序的状态中存储任何关键数据，你可以使用localStorage。你使用redux吗？不，我使用react的状态我的路由在不同的模块上，因此我如何“提取”应用程序的状态，以便我可以将其作为道具传递到渲染方法中？如果道具依赖于应用程序的状态，您应该在应用程序状态中定义路由。假设您在App.js中定义了路线。如果您正在使用react redux，则可以连接（）您的应用程序并访问您的商店。如果没有，你就从你所在的州通过。我明白了。但是如果我想，我能做什么，让我的路线与我的app.js分开？那么我会有一个更干净的代码，然后呢？我可以独立地从应用程序组件中“提取”状态吗？您必须使用react redux之类的工具。然后，如果你也将应用程序连接到你的状态，你就可以访问它。你能共享你的源代码结构/文件夹结构吗？试图了解您试图执行的操作..我的路由位于不同的模块上，因此我如何“提取”应用程序的状态，以便将其作为道具传递到渲染方法中？如果道具依赖于应用程序状态，您应该具有定义路由的应用程序状态。假设您在App.js中定义了路线。如果您正在使用react redux，则可以连接（）您的应用程序并访问您的商店。如果没有，你就从你所在的州通过。我明白了。但是如果我想，我能做什么，让我的路线与我的app.js分开？那么我会有一个更干净的代码，然后呢？我可以独立地从应用程序组件中“提取”状态吗？您必须使用react redux之类的工具。然后，如果你也将应用程序连接到你的状态，你就可以访问它。你能共享你的源代码结构/文件夹结构吗？试图了解您正在尝试执行的操作..如果我的app.js和我的routes.js在单独的文件中会怎样？我是否可以从应用程序组件中提取状态，以便将其导入Routes文件，并将其作为道具传递给parentlessComponent？@ueeiee使用此状态数据创建一个带有getter和setter的类，并在App、js和route.js之间共享。如果我的App.js和我的Routes.js在单独的文件中，您需要创建singleton类怎么办？我是否可以从应用程序组件中提取状态，以便将其导入Routes文件，并将其作为道具传递给parentlessComponent？@ueeiee使用此状态数据创建一个带有getter和setter的类，并在App、js和route.js之间共享。您需要创建singleton类