我应该在React组件上使用对象或个别道具作为常用前缀道具吗？

Question

如上所述，我应该使用一个对象或个别道具来处理那些通常在React组件上加上前缀的对象吗？

或者：

<Callout buttonUrl="/test" buttonText="Test">

或：

<Callout button={{ url: "/test", text: "Test" }}>

Answer 1

我喜欢有单独的属性，我认为组件道具作为API的参数，我希望它们尽可能具有表现力，而不是在可以增长到具有额外不必要属性的对象中关闭它。

而且我也没有理由需要在button之前添加所有属性，如果该组件是您可能Button组件名称的按钮。

但这些是我试图强加给自己的规则（作为个人偏好），但它们并非一成不变......有些情况下传递一个对象而不是传递几十个属性可能更有意义。我认为最重要的是为自己（或您的团队）设置一个标准，并尽可能地坚持下去，使您和您项目中的其他人更容易理解您的代码。