在react-router Link中使用State键有什么用？

Question

我刚刚传递了一个如下状态的对象，但是数据没有在状态中传递。

import React from 'react';

export default class Home extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
            <h2> Home Page </h2>
            <Link to='/link2' state={{testing: this.state.JSONData}}  target='_blank'>
                About
            </Link>
      </div>
    );
  }
}    

并访问以下链接传递的状态，

import React from 'react';

export default class About extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    console.log(this.props.location.state.testing);
    return (
      <div>
            <h2> LinPage </h2>
      </div>
    );
  }
}

它返回null。