美文网首页React
Material-UI API Design

Material-UI API Design

作者: 南方帅 | 来源:发表于2018-12-06 10:40 被阅读0次

Google 大大推荐的 UI解决方案 Material-UI 设计
没有抽象优于错误的抽象, 通过提供低级组件以最大化组合功能

构成

设计API时一直使用以下规则

  • 使用children 属性是使用React进行合成的惯用方法
  • 使用有限的子组件
  • API一致性很重要

规则

传递

提供的未记录的属性传播到根苏醒, ...other

Native Props

boolean vs enum

只有两种取值使用boolean 多于两种的时候enum

<BUTTON type="small">

受控组件 和 非受控组件

大多数受控组件通过 valueonChange属性进行控制, 但是, onChange/ onClose/onOpen 组合用于显示相关状态
React 推荐使用受控组件
对于业务分割和基础组件建议使用受控组件,受控组件因为更新后会导致state 修改

propType

propTypes 在开发阶段用于约束传入属性类型,建议用过的属性都要协警propTypes

相关文章

网友评论

    本文标题:Material-UI API Design

    本文链接:https://www.haomeiwen.com/subject/mefwcqtx.html