ReactJS 是一個具有單向數據綁定的庫。所以像Angular或VueJS這樣的數據是不可能傳遞的。您應該將處理程序函數傳遞給子組件，然后在Axios回答更新本地組件和父組件之后。

并且這里有個小提示，類組件和函數組件對你的情況沒有區別。注意示例代碼：

class ParentComponent extends React.Component {

  state = {

    data: undefined,

  };

  handleGetData = data => {

    this.setState({

      data,

    });

  };

  render() {

    return (

      <ChildComponent onGetData={this.handleGetData} />

    );

  }

}

現在在ChildComponent中，您可以訪問處理函數：

class ChildComponent extends React.Component {

  componentDidMound() {

    const { onGetData } = this.props;

    Axios

      .get('someSampleUrl')

      .then( (data) => {

        onGetData(data); // running this update your parent state

      });

  }

  render() {

    return (

      <div />

    );

  }

}

React 的做法是單向的。為了獲得最佳實踐，您必須將狀態“提升”到父組件中。

但是，如果您希望專門向上傳遞數據，則需要將回調作為 prop 向下傳遞。使用該回調函數向上傳遞數據：

家長：

<Parent>

   <Child callback={console.log} />

</Parent>

孩子：

const Child = (props) => {

    const { callback } = props;

    const postData = (...) => {

        ...

        callback(result);

    }

    ...

}