我对React.js非常熟悉,但对Gatsby还是陌生的。

我要检测Gatsby中的上一页URL吗?

最佳答案

您可以使用Link组件传递状态:

import React from 'react';
import { Link } from 'gatsby';

const PrevPage = () => (
  <div>
    <Link
      to={`/nextpage`}
      state={{ prevPath: location.pathname }}
    >
      Next Page
    </Link>
  </div>
)

const NextPage = (props) => (
  <div>
    <p>previous path is: {props.location.state.prevPath}</p>
  </div>
);

然后,您可以在下一页中从prevPath访问this.props.location.state

10-05 20:51
查看更多