react-11（自定义hook、useRef）

自定义hook

        主要是我们利用已有的hook,实现hook的效果，并在其他地方引用。（感觉像是封装了一个方法）

// 定义
const fetchHook = (url)=>{
    const [data,setData] = useState({})
    const [loading,setLoading] = useState('')
    useEffect(()=>{
        setLoading('loading')
        axios.get(url).then(res=>{
            setLoading('success')
            setData(res)
        }).catch(err=>{
            setLoading('fail')
        })
    },[])
    return {
        data,
        loading
    }
}

// 使用
const {data,loading} = fetchHook('urlxxxx')

useRef

受控组件

1. 每当表单的状态发生变化时，都会被写入到组件的state中
2. 在受控组件中，组件渲染出的状态与它的value或checked prop相对应
3. React将state与表单元素值value绑定在一起，由state的值来控制表单元素的值

总结：受控组件的状态完全给父组件来管理, 只负责显示