Question

您如何在React中访问调用组件？

function MyCallingComponent() {
  return <MyReadingComponent/>
}

function MyReadingComponent() {
  console.log(callingComponent.state)
}

Answer 1

你不知道。不过，父组件可以通过prop将数据和函数传递给子组件。例如，如果父母在某些情况下需要孩子的回叫：

function MyCallingComponent() {
    function callback() {
        // ...
    }
    return <MyReadingComponent callback={callback}/>;
}

function MyReadingComponent({callback}) {
    // ...use `callback` where appropriate...
}

Answer 2

react使用单向数据流，因此，如果您需要在子组件中访问父级的状态，则需要将其作为道具向下传递。

class ParentComponent ...{
   state={ foo : 'A' }
   render(){
     return <ChildComponent foo={this.state.foo}/>
   }
 }

如@ t-j-crowder所说，如果您需要将数据从子级传递到父级，则可以使用回调方法。

在React中获取调用组件

2 个答案: