我可以通过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

您可以通过一些状态history's push

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

然后你就可以从你的组件访问历史

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

这应该显示 “您好鲍勃”

唐不要滥用这个，而是宁愿将状态保持在父反应组件或b中如果您的应用程序变得更复杂，请使用像redux或mobx这样的库。