apex-use

use

Usage no npm install needed!

<script type="module">
  import apexUse from 'https://cdn.skypack.dev/apex-use';
</script>

README

apex-use

use

仅支持 react 16.8+ 版本

Installation

npm i apex-use  --save

hook

useInputValue

用于自动绑定表单元素的value和onChange事件

......
import {useInputValue} from 'apex-use';

const Hello = () => {

  const [name, nameClear] = useInputValue("")

  return <div>
    <input type="text" {...name} />
    <br />
    <button onTouchEnd={nameClear}>清空内容</button>
    <br />
    <button onTouchEnd={() => {console.log(name.value)}}>查看输入的内容</button>
  </div>
}

useResize

监控窗口发生变化

......
import { useResize } from 'apex-use'

export default () => {

  const [height, width] = useResize()

  useEffect(()=>{
    console.log(`height:${height},width:${width}`)
  }, [height, width])

  return <> </>
}