路由到反应中的不同组件答案

【问题标题】：Routing to Different component in react路由到反应中的不同组件
【发布时间】：2020-07-24 03:03:03
【问题描述】：

我有 App Component 、 InputComponent 和 Display Component。

默认情况下，我将加载输入组件，它有一个输入文本框和提交按钮。单击 Input Component 中的 Submit 按钮，我想导航到在输入字段中输入名称的显示组件。

源代码以图片形式附上。请指导我一个适当的解决方案。非常感谢任何帮助。

【问题讨论】：

【解决方案1】：

在 App.js 中：如果您希望“输入组件”默认显示，这应该是代码

<BrowserRouter>
    <Switch>
      <Route exact path="/" component={InputComponent}/>
      </Switch>
</BrowserRouter>

您需要使用任何类型的状态管理（CONTEXT API 或 REDUX）来存储您的数据，以便在其他组件中显示您的数据。或者您可以将数据作为道具传递给其他组件

【讨论】：