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

问题描述

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

为什么要将函数传递给 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 类型的参数和什么都不返回）