Google 大大推荐的 UI解决方案 Material-UI 设计
没有抽象优于错误的抽象, 通过提供低级组件以最大化组合功能
构成
设计API时一直使用以下规则
- 使用
children属性是使用React进行合成的惯用方法 - 使用有限的子组件
- API一致性很重要
规则
传递
提供的未记录的属性传播到根苏醒, ...other
Native Props
boolean vs enum
只有两种取值使用boolean 多于两种的时候enum
<BUTTON type="small">
受控组件 和 非受控组件
大多数受控组件通过 value 和 onChange属性进行控制, 但是, onChange/ onClose/onOpen 组合用于显示相关状态
React 推荐使用受控组件
对于业务分割和基础组件建议使用受控组件,受控组件因为更新后会导致state 修改
propType
propTypes 在开发阶段用于约束传入属性类型,建议用过的属性都要协警propTypes
网友评论