Проблема отправки значения из одного класса в другой в ответ - PullRequest
Новая
       6

Проблема отправки значения из одного класса в другой в ответ

0 голосов
/ 21 мая 2018

Здесь у меня есть список значений в index.js как 

1
2
3
     render() {
    const { id,heading,body,status,user} = this.props
  const {det} = this.state
  console.log(val);
    return (
      <a href='/details' style={{ color: 'green' }}  onClick={this.sendValue.bind(this)}>
          <div className="member" style={this.style}>
          <h1>{id}</h1>
          <h3>Reported by: {user}</h3>
          <h3>{heading}</h3>
          <h5>{body}</h5>
          <h5>The current status is: {status}</h5>
        </div></a>
      )
  }

здесь, если я щелкну по упомянутому тегу div, я смогу отобразить страницу сведений со значением id.Я должен иметь возможность добавить значение id с другим URL, упомянутым в details.js

Пожалуйста, помогите мне найти решение

1 Ответ

0 голосов
/ 21 мая 2018

Вы должны проверить эту страницу , которая использует реакцию-маршрутизатор для реализации вашего сценария.

Может быть <Link to="/one">1</Link> для вашего случая и определено, <Route path="/one" component={One} />, где One - это компонент, который будет отображаться, когда url равен '/ one'

Вы можете добавить страницуномер в URL после определения в роутере как <Route path="/one/:pageNumber" component={One} />

А в подробном компоненте страницы вы можете прочитать значение, используя объект 

this.props.match.params.pageNumber
...