通过链接传递数组

Question

我正在尝试通过react-router-dom将数组发送到其他组件，但是我认为文档存在一些困难。

我要发送的代码是下一个：

<Link to={{ pathname: '/modif', state: { posts } }}>
      <Button variant="primary"> modifier </Button>
</Link>

我也有尝试

<Link to='/modif', posts={posts}

我的路线是

<Route path="/modif" posts>
      <Modif />
</Route>

感谢您的帮助但是我不能从我的modif组件中发布帖子。

根据posts数组编辑：

const Modif = (
    {
    posts,
    titre,
    changeField,
    media,
    handleModifVideo,
    handleModifImage,
  }) => {}

Answer 1

正确的传递方式是：

<Link to={{ pathname: '/modif', state: { posts } }}>
  <Button variant="primary"> modifier </Button>
</Link>

您可以通过post从Modif组件访问props.history.location.state。请注意，刷新浏览器后props.history.location.state将消失。