路由到React中的其他组件

Question

我有App Component，InputComponent和Display Component。

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

App.js

Input Component.js DisplayComponent.js

源代码作为图像附加。 请为我提供一个适当的解决方案。任何帮助都非常感谢。

Answer 1

在App.js中： 如果您要默认显示“输入组件”，则应为该代码

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

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