作为道具如何传递promise？答案

【问题标题】：How to pass promise as a props?作为道具如何传递promise？
【发布时间】：2021-06-11 18:35:26
【问题描述】：

我已将 fetchData 作为道具传递给子组件。但是按钮上的onClick功能不起作用

父组件


function App() {
  const [user, setUser] = useState("");
  const URL = "https://jsonplaceholder.typicode.com/users/2";

  const fetchData = async () => {
    const response = await axios.get(URL);
    const data = JSON.stringify(
      [response.data.id, response.data.name, response.data.email],
      null
    );

    setUser(data);
  };
  var array = user.split(",");
  return (
    <div className="App">
      <Todo fetchData={fetchData} />
      <UserData array={array} />
    </div>
  );
}

子组件按钮

                          <button
                          className="fetch-button"
                          onClick={() => fetchData}
                        >
                          View User
                        </button>

【问题讨论】：

错字，点击时需要调用fetchData，onClick={() => fetchData}应该是onClick={() => fetchData()}或者onClick={fetchData}。投票关闭“无法重现，由拼写错误引起”。

标签： reactjs components react-props

【解决方案1】：

试试这个方法

 <button onClick={fetchData}>
 </button>

【讨论】：