ReactJS - Проходные реквизиты с компонентом Redirect
Как вы должны передавать реквизиты с компонентом Redirect
не выставляя их в URL?
Как это <Redirect to="/order?id=123/>"
? Я использую react-router-dom
.
Ответы
Ответ 1
Вы можете передавать данные с помощью Redirect
следующим образом:
<Redirect to={{
pathname: '/order',
state: { id: '123' }
}}
/>
и вот как вы можете получить к нему доступ:
this.props.location.state.id
Документы API объясняют, как передавать состояние и другие переменные в свойствах Redirect/History.
Источник: https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md#to-object
Ответ 2
Вы можете использовать состояние истории браузера следующим образом:
<Redirect to={{
pathname: '/order',
state: { id: '123' }
}} />
Затем вы можете получить к нему доступ через this.props.location.state.id
Источник: https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md#to-object