我在組件 A 中有一個(gè)模態(tài)，我想通過(guò)單擊組件 B 中的按鈕來(lái)顯示該模態(tài)。我使用了 ref 關(guān)鍵字，但它不適用于此控制臺(tái)錯(cuò)誤“TypeError：無(wú)法解構(gòu)‘object null’的屬性‘toggleModal’，因?yàn)樗鼮?null?！盇.js:export class LoginForm extends Component{constructor(props){    super(props);    this.state ={        isModalOpen: false    }    this.toggleModal = this.toggleModal.bind(this);};toggleModal(){    this.setState({    isModalOpen: !this.state.isModalOpen    })};render(){    return(        <Modal isOpen={this.state.isModalOpen} toggle={this.toggleModal}>            <ModalHeader toggle={this.toggleModal}>Login</ModalHeader>            <ModalBody>                ...            </ModalBody>        </Modal>    )}B.js：import { LoginForm } from './FormsComponent';        class Header extends Component{        constructor(props){        super(props);        };          loginModalRef = ({toggleModal}) =>{        this.showModal = toggleModal;      };      onLoginClick = () =>{        this.showModal();      }      render(){        return(              <Nav className="ml-auto" navbar onClick={this.onLoginClick}>                  <NavItem>                     <Button outline color="primary">                        <span className="fa fa-sign-in fa-lg"> Login</span>                     </Button>                  </NavItem>               </Nav>                 <LoginForm ref={this.loginModalRef} />            )}}更新問(wèn)題：這種方式非常適合我，我發(fā)現(xiàn)錯(cuò)誤消息是由于我的代碼中的另一個(gè)問(wèn)題引起的。所以伙計(jì)們，如果您想做同樣的事情，可以將其作為解決方案。