如何通过异步函数设置react父组件状态，然后将此状态作为道具传递给子组件？

Question

所以我想通过firebase函数设置访问，然后把这个访问道具作为道具传递给tabs组件，但是tabs组件的初始状态为null，firebase auth funtion在此之后就解决了。

class Admin extends React.Component {
  state = {
    access: null,
  };
  componentDidMount() {
    this.unListen = firebase.auth().onAuthStateChanged(user => {
      if (user) {
        this.setState(() => ({ access: true }));

      }
    });
  }

  componentWillUnmount() {
    this.unListen();
  }

render(){
return <Tab access={this.state.access}/>
  }
}

Answer 1

您可以进行条件呈现，并且在获得访问权限之前不呈现选项卡：

return this.state.access 
    ? <Tab access={this.state.access}/> 
    : <div>Not authorized</div>