ReactJS - Передайте реквизит с помощью компонента Redirect

Question

Как вы должны передавать реквизиты с компонентом Redirect, не выставляя их в URL?

Как это <Redirect to="/order?id=123 />"? Я использую react-router-dom.

Answer 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

Answer 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