React:如何在其类之外访问props对象？

import React from 'react';

class MyComponent extends React.Component {
  render() {
    // 访问props对象
    const { prop1, prop2 } = this.props;

    return (
      <div>
        <p>prop1: {prop1}</p>
        <p>prop2: {prop2}</p>
      </div>
    );
  }
}

export default MyComponent;

import React from 'react';

function MyComponent(props) {
  // 访问props对象
  const { prop1, prop2 } = props;

  return (
    <div>
      <p>prop1: {prop1}</p>
      <p>prop2: {prop2}</p>
    </div>
  );
}

export default MyComponent;