react-router-4のhistory.push経由でいくつかのコンテンツを渡すことはできますか？

Question

react-router-4さんのヒストリープッシュメソッドで情報を渡すにはどうすればよいですか？

• ユーザーのリストをレンダリング
• 、ユーザ情報に渡さ

上のユーザーベースをレンダリング私は新しい urlへの直接たいユーザーをクリックして、特定のユーザー情報を渡すとき

私はこれについて考えると、別の質問が出てきました。もしユーザーの情報を渡すことができれば、Reactはユーザーの情報を保持していますか？

<List> 
    {users.map(user => 
    <ListItem 
     key={user.id} 
     thumb={use.img} 
     arrow="horizontal" 
     onClick={() => this.handleUserClick(user)} 
    > 
     {user.nickname} 
    </ListItem> 
)} 
</List> 
handleUserClick = (user) => {this.props.history.push(`/user/${user.id}`)} 

Answer 1

これは "こんにちはボブ"

ドンを示すべき

const User = ({history}) => <span>Hello {history.location.state.userName}</span> 

をあなたはhistory's push

handleUserClick = (user => { 
    this.props.history.push(`/user/${user.id}`, {userName: 'Bob'}); 
}) 

でいくつかの状態を渡すことができます。そして、あなたはあなたのコンポーネントから履歴にアクセスすることができますしかしこれを乱用し、状態を親反応成分またはbのいずれかに保つことを好むあなたのアプリケーションがもっと複​​雑になるなら、reduxやmobxのようなライブラリを使ってください。