为什么要向反应组件传递一个函数来获取数据而不是数据本身？

如何解决为什么要向反应组件传递一个函数来获取数据而不是数据本身？

我有一个问题，这可能是微妙的（或不是）。

为什么要将函数传递给 react 组件来获取数据而不是数据本身？ 一个简短的例子是

<CompTest data={data} ...> 

对比

const getData() => data;
<CompTest data={()=> getData()} ...> 

我想知道反应数据是否有一个技巧可以懒惰地拉它......不确定..

解决方法

通常，您只需将数据作为道具发送，如 <CompTest data={data} /> 中，或者甚至更好地制作显式道具，以便您知道组件使用的数据中的哪些字段。但只要数据不可变，这就是编程偏好。

在极少数情况下，您会希望使用函数来检索数据。

通常，您将使用函数将数据从子组件更新到父组件：<CompTest data={data} onDataChanged={setData} /> 其中 setData 是一个函数 pf 类型 setData(data:DataType)=>void（TypeScript 表示 DataType 类型的参数和什么都不返回）