Маршрутизация к другому компоненту в реакции - PullRequest
Новая
       21

Маршрутизация к другому компоненту в реакции

0 голосов
/ 11 апреля 2020

У меня есть Компонент приложения, InputComponent и Компонент отображения.

По умолчанию я загружу Компонент ввода, и у него есть одно текстовое поле ввода и кнопка отправки. Нажав эту кнопку «Отправить» во входном компоненте, я хочу перейти к отображаемому компоненту с именем, введенным в поле ввода.

Приложение. js

Входной компонент. js DisplayComponent. js

Исходный код прикреплен в виде изображений. Просьба направить меня правильное решение .. Любая помощь высоко ценится.

1 Ответ

0 голосов
/ 11 апреля 2020

В приложении. js: это должен быть код, если вы хотите, чтобы «Входной компонент» отображался по умолчанию 

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

Вам необходимо использовать любой вид управления состоянием (CONTEXT API или REDUX) для хранения ваших данных, для отображения ваших данных в другом компоненте. или вы можете просто передать данные в качестве реквизита другим компонентам

...