如何在类组件中使用Link of react-router传递数据的组件中使用数据？

import React from 'react';
import { Link } from 'react-router-dom';

class ComponentA extends React.Component {
  render() {
    const data = {
      name: 'John',
      age: 25,
    };

    return (
      <Link to={{
        pathname: '/componentB',
        state: data,
      }}>
        Go to Component B
      </Link>
    );
  }
}

class ComponentB extends React.Component {
  render() {
    const { name, age } = this.props.location.state;

    return (
      <div>
        <h2>Component B</h2>
        <p>Name: {name}</p>
        <p>Age: {age}</p>
      </div>
    );
  }
}