如果单个数据发生变化,React 会重新渲染组件吗?

Wya*_*att 5 reactjs

我有一个包含table两列的组件:源和注释。源是不可编辑的,注释有一个textinput用户可以编辑的。该组件包含一个数组sportsData,用于填充两列布局,sportsData 中的每个元素代表table.

sportsData = [
    {source="climbing", note="I really like this sport."},
    {source="running", note="Meh, not a fan."},
    {source="biking", note="I need to get a bike."},
    {source="eating", note="Who isn't a fan?"}
];
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

当用户修改 note 列中的字段之一时,它会更新sportsData状态。

sportsData状态用单个字段更新时,这会重新渲染我的整个表吗?我认为这会对 100s / 1000s 行产生负面性能影响。

小智 0

就像@Zohaib-Ijaz 所说,使用不同的组件(行、单元格、表格)不会重新渲染整个表格。