我一直在調用我的 clickRemoveHandler。我的想法是，我有兩個組件：第一個 - 渲染頁眉、導航和頁腳組件的布局，第二個 - 計算器，它是我的核心組件，具有數據輸入等...在計算器組件中，我有具有托管狀態的按鈕，所以當我單擊時在布局組件（div）的任何地方，我需要調用計算器函數來操作我的按鈕。代碼如下：class Layout extends Component {.....    clickHandler = (event) => {        Calculator.clickRemoveHandler(event);        console.log('Clikced')    };.....}class Calculator extends Component {  state = {    currentServiceClass: null,    hoverIndex: null,    btnClicked: false,    selectedService: null  }  currentCursorPosition = {    el: null,    index: null,    rendered: false  }  static clickRemoveHandler = (event) => {    if ((!event.target.hasAttribute("type")) && (this.state.btnClicked)) {      this.currentCursorPosition = {        el: null,        index: null,        rendered: false      };      this.setState({currentServiceClass: null, hoverIndex: null, btnClicked: false})    }  }....}這些組件中有很多邏輯，因此它們太強大，無法發布完整的代碼。但問題是布局中沒有計算器引用，計算器本身是通過另一個組件的路由渲染的，所以我無法將任何數據從布局直接傳遞到計算器。我想要的是從布局中調用靜態 clickRemoveHandler 。我猜靜態是使函數全局化的一個選項。所以它有效，但我收到錯誤 TypeError: undefined is not an object (evaluating 'Calculator.state.btnClicked')。正如我所見，這意味著當調用 clickRemoveHandler 時，它不與計算器組件關聯，或者無法訪問其狀態和屬性。問題是我怎樣才能讓這一切一起工作？調用函數時傳遞計算器狀態還是有另一種更優雅的方法來做到這一點？