陪玩系统搭建，react中的属性使用规范

陪玩系统搭建，react中的属性使用规范

props 用小驼峰

// bad
<FooUserName="hello"phone_number={12345678}
/>// good
<FoouserName="hello"phoneNumber={12345678}
/>

如果 prop 的值是 true 可以忽略这个值，直接写 prop 名就可以。 eslint: react/jsx-boolean-value

// bad
<Foohidden={true}
/>// good
<Foohidden
/>// good
<Foo hidden />

避免用数组下标作为 key 属性，推荐用稳定的 ID

Why? 不使用稳定杆的 ID is an anti-pattern 会对组件性能产生消极影响，并且组件状态容易出现问题。 如果数组元素可能会发生变化，我们不推荐使用下标作为key。

// bad
{todos.map((todo, index) =><Todo{...todo}key={index}/>
)}// good
{todos.map(todo => (<Todo{...todo}key={todo.id}/>
))}

以上就是陪玩系统搭建，react中的属性使用规范， 更多内容欢迎关注之后的文章