React 组合与继承
阅读数:86 评论数:0
跳转到新版页面分类
html/css/js
正文
包含关系
有些组件无法提前知晓它们子组件的具体内容. 在Sidebar和Dialog等展现通用容器的组件中特别容易遇到这种情况.
我们建议这些组件使用一个特殊的children prop来将他们的子组件传递到渲染结果中:
少数情况下, 可能需要在一个组件中预留几个"洞". 这种情况下, 我们可以不使用children, 而是自行约定: 将所需内容传入props, 并使用相应的prop.
特殊关系
有些时候, 我们会把一些组件看作是其他组件的特殊实例, 比如WelcomeDialog可以说是Dialog的特殊实例.
我们推荐使用组合而非继承来实现组件间的代码重用.
相关推荐
React中的条件渲染和Javascrip中的一样, 使用Javascrip运算符if或者条件运算符去创建元素来表现当前的状态, 然后让React根据它们来更新UI.
<pre clas