React
自身有一套非常强大的组合模型,官方强烈建议使用组合来代替继承实现组件的重用性
1.包容化组件
所谓的包容化组件即为不管孩子是什么都可以加进这个容器中作为它的子组件,比如说我们的Dialog
弹框,或者是导航栏等等
代码如下:
function FancyBorder(props) {
return (
<div className={
'FancyBorder FancyBorder-' + props.color}>
{props.children}
</div>
);
}
这种形式的代码可以让我们任意加入JSX
语句
function WelcomeDialog() {
return (
<FancyBorder