javascript - 在 React js 中传递多个道具的最佳方法

Question

传递图像中提到的 react 道具，我想知道在 React 中传递多个道具的任何更清洁的方法。

标签： javascriptreactjsecmascript-6react-props

Answer 1

根据 React eslint 规则，出于可读性和维护原因，不建议使用 props spread，在此处阅读有关规则的更多信息

因此，您可以做的是将其保持原样或将类似的道具分组到一个对象中并传递它，例如：

const entity = { getEntity, entityKeyAccess, setEntityKeyAccess };
const display = { display, setDisplay };
const child = { childKeyAccess, setChildKeyAccess };
// And so on you get the idea I guess.

<PanelEntity panelData={panelData} entity={entity} display={display} child={child} />;

这样，现在任何使用此组件的人都可以轻松理解您的道具（当然不要忘记记录您的道具），并且您可以在不使用道具传播的情况下整理组件。