JSX建议的传递真实价值道具的做法

Question

我已经读到，如果您想传递一个真值，建议仅使用prop名称。背后的原因是什么？

// recommended, why?
const OtherComponent = () => (
    <SomeComponent isLoggedIn />
);

// not recommended, why?
const OtherComponent = () => (
    <SomeComponent isLoggedIn={true} />
);

Answer 1

我可以想到两个原因：

1. 更短
2. 它更类似于HTML中的boolean attributes

它起作用的原因是因为props default to true，但是根据该页面，使用简写不是推荐的做法。

实际上，与任何代码风格辩论一样，这取决于您。