如何在不显式命名的情况下将父组件的属性传递给子组件？

// 父组件
class ParentComponent extends React.Component {
  render() {
    return <ChildComponent name={this.props.name} />;
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.name}</div>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  static childContextTypes = {
    name: PropTypes.string
  };

  getChildContext() {
    return {
      name: this.props.name
    };
  }

  render() {
    return <ChildComponent />;
  }
}

// 子组件
class ChildComponent extends React.Component {
  static contextTypes = {
    name: PropTypes.string
  };

  render() {
    return <div>{this.context.name}</div>;
  }
}

// 创建上下文对象
const MyContext = React.createContext();

// 父组件
function ParentComponent(props) {
  return (
    <MyContext.Provider value={props.name}>
      <ChildComponent />
    </MyContext.Provider>
  );
}

// 子组件
function ChildComponent() {
  const name = React.useContext(MyContext);
  return <div>{name}</div>;
}