Не можете передать значение реквизита? - PullRequest
Новая
       97

Не можете передать значение реквизита?

0 голосов
/ 18 февраля 2020

Я новичок, чтобы реагировать, и теперь собираюсь передать идентификатор с одной страницы на другую на props. Но я не уверен, что это правильный способ его передачи.

Рассмотрите код ниже: 

<div  className="submit-button">
    <input type="submit" 
        value="Purchase" 
        className="btn btn-primary mt-2 text-capitalize " 
        onClick={this.handleClickPurchase}
    />
</div>

        handleClickPurchase(){
            window.location.href='/PurchaseInformation'
            return(
                <PurchaseInformation value={this.state.data.id}/>
            )
        }

На моей странице информации о покупке 

render(props){
    console.log(this.props.value)
    return (
      <div>
        <Header />
        <div>
          <h1> {this.props.value}</h1>
          <h2> Purchase Information Page is under development </h2>
        </div>
      </div>
    );
  }

1 Ответ

0 голосов
/ 18 февраля 2020

Как упомянул @Ido return <PurchaseInformation value={this.state.data.id}/> ничего не делает.

Вы визуализируете PurchaseInformation в родительском компоненте? Если это так, просто используйте <PurchaseInformation value={this.state.data.id}/> в вашей функции рендеринга.

Я бы использовал деструктивный синтаксис, облегчающий использование реквизита / объекта. 

render(){
   const {value} = this.props;
    console.log(value)
    return (
      <div>
        <Header />
        <div>
          <h1>{value}</h1>
          <h2>Purchase Information Page is under development</h2>
        </div>
      </div>
    );
  }
...