Slot

HTML<slot>元素（Web组件技术套件的一部分）是Web组件内部的占位符，您可以用自己的标记填充该占位符，该标记允许您创建单独的DOM树并将它们一起呈现。

  1. define('hello-element', class extends WeElement {
  2.   render() {
  3.     return (
  4.       <div onClick={this.onClick}>
  5.         <p><slot name="my-text">My default text</slot></p>
  6.       </div>
  7.     )
  8.   }
  9. })
  11. define('my-app', class extends WeElement {
  12.   render() {
  13.     return (
  14.       <div >
  15.         <hello-element>
  16.           <span slot="my-text">Let's have some different text!</span>
  17.         </hello-element>
  18.       </div>
  19.     )
  20.   }
  21. })
  23. render(<my-app></my-app>, 'body')

→ Slot MDN