如何从子组件访问父道具？

Question

如何在孩子的标签和函数sayhello中访问家长的道具？
（我可以访问兄弟姐妹和孩子，而无需将道具作为参数传递，但不能访问家长）
\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
和（远离本例）
如果此代码引用了
如何访问家长的道具
如果此将Child引用为html标记，是否有函数将结果转换为react组件类？（不将其作为类重新分配给新变量（）=

class Child extends Parent{
   constructor(props){
       super(props);
   }
   render() {
       return (
          <p>{Parent.props.hello}</p>     // <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
          <button onClick={sayhello.bind(this)}></button> // <<<<<<<<<<<<<<<<<<<<<<<<
       ); 
   }
}

家长：

class Parent extends React.Component{
   constructor(props){
       super(props);
   }
   render() {
      <>
          <Child/>
      </>
   }
}

说你好：

function sayhello(){
   console.log(Parent.props);     // <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
}




Answer 1

如果您在组件中绑定了函数，您可以参考this.props：

class Child extends React.Component {
  render() {
    return (
      <>
        <button onClick={sayhello.bind(this)}>Click</button>
      </>
    );
  }
}

class Parent extends React.Component {
  render() {
    return (
      <>
        <Child someProp="hello" />
      </>
    );
  }
}

function sayhello() {
  console.log(this.props);
}