React props：我应该传递对象或其属性吗？有什么区别吗？

传递 props 时，我应该将整个对象传递给子组件，还是应该先在父组件中单独创建 props，然后将这些 props 传递给子组件？

传递整个对象：

<InnerComponent object={object} />

首先单独创建需要的道具：

<InnerComponent name={object.name} image={object.image} />

首选哪一个？如果需要的话，我应该使用什么作为衡量标准来使用其中一个？

根据最小特权原则 https://en.wikipedia.org/wiki/Principle_of_least_privilege，这是正确的方法：

<InnerComponent name={object.name} image={object.image} />

这限制了InnerComponent避免意外修改原始对象或访问不适合该对象的属性。

或者，可以从原始对象中选取属性并作为 props 传递：

<InnerComponent {...pick(object, 'name', 'image')} />

如果有许多属性需要列出，那么可能有一个 prop 接受一个对象：

<InnerComponent object={pick(object, 'name', 'image')} />

P.S.

import { pick } from "loadash";

or

const pick = (o, ...keys) => Object.fromEntries(Object.entries(o).filter(([k]) => keys.includes(k)))