aoife-pop

从这个案例可以看到,一个Pop组件,本身可以不需要包含 aoife,也可以被 aoife 使用。只需要此组件满足3个规则:

Usage no npm install needed!

<script type="module">
  import aoifePop from 'https://cdn.skypack.dev/aoife-pop';
</script>

README

aoife-pop

从这个案例可以看到,一个Pop组件,本身可以不需要包含 aoife,也可以被 aoife 使用。只需要此组件满足3个规则:

    1. 组件是一个函数,返回值是一个 HTMLElement 类型
    1. 组件的参数是一个对象
    1. 若 JSX 传递了 children,在组件第一个参数中会包含 children 字段,值是一个 HTMLElement 数组
import Pop from 'aoife-pop';

const App = ()=>{
  return <Pop>
    <div>label</div>
    <div>pop tip</div>
  </Pop>
}