Блог

Мне нужно перенести данные, например, с главной страницы на другую страницу, и увидеть результат. Данные следующие:

stop = {
stop: {
type: "Pickups",
name: 'Some Name',
phone: '(818) 444-6667',
address: 'ad 1',
zip: '11111',
city: "123",
state: 'CA',
data:"March 27th",
time: "11:00pm",
comments: 'Some comments'
}
}


И, например, я хочу попасть stop.type на другую страницу, подобную этой: console.log(stop.type)

Большое спасибо за вашу помощь!

Попробуйте использовать состояние истории, если вы используете react-router-dom

 this.props.history.push('/page', {
  stop
})
  

И проверьте данные в ‘/ page’

 console.log(this.props.history.location.state.stop)
  

Вы можете сделать это, но не совсем так, как вы это делали, вы можете сделать следующим образом

   constructor(props) {
    super(props);
    this.state = {
      stop = {
        stop: {
          type: "Pickups",
          name: 'Some Name',
          phone: '(818) 444-6667',
          address: 'ad 1',
          zip: '11111',
          city: "123",
          state: 'CA',
          data:"March 27th",
          time: "11:00pm",
          comments: 'Some comments'
        }
      }
    }
   }
  

имейте это в своем конструкторе, и вы можете перейти к другим компонентам двумя способами, используя реквизиты истории или импортируя второй компонент в первый компонент и передавая значения

1. через реквизиты истории

  this.props.history.push({ pathname: '/your component url as specified in route' }, { 
          stop: this.state.stop.stop}})
  

вы можете получить доступ к значению stop с помощью this.props.location amp;amp; this.props.location.state amp;amp; this.props.location.state.stop

2. импорт компонента

 import Yourcomponent from './yourcomponent '; /*This has to done in your parent component*/

render(){
return(<Yourcomponent stop={this.state.stop.stop}/>)}
  

вы можете получить доступ через this.props.stop