通过<Link>传递的道具显示为未定义

时间:2020-05-15 15:34:37

标签: react-router react-table

我正在传递道具通过react-router组件,但是当收到state时会显示为undefined

我确保将接收道具的组件包裹在withRouter中。只是为了补充,我在这里使用react-table。

{
    Header: "Title",
    id: "title",
    col: "title",
    accessor: ({ id, name }) => {

      console.log(history "history"); // this returns an object as expected

      return (
        <Link
          to={{
            pathname: bookShowUrl(id),
            state: {
              prevPath: history.location.pathname
            }
          }}
        >
          {name}
        </Link>
      );
    },
    width: 300
  },

如何解决此问题,以便在bookShowUrl(id)上呈现的组件能够访问prevPath道具?

0 个答案:

没有答案