react中的组件复合，用于抽离js

react中的组件复合类似于vue的插槽

• react推荐我们当组件间有共同的js逻辑时候，可以进行抽离而不是继承。
• 那么怎么在react中 实现 匿名，具名，作用域。

function Dialog(props) {
  return (
    <div>
      <div style={{ border: `4px solid ${props.color || "#333"}` }}>
        组件复合的使用
        <div>
          { props.children}
        </div>
      </div>
    </div>
  );
}

 {/* 组件复合的使用 */}
      <Dialog color="red"> 相当于匿名插槽 </Dialog>