react hooks真实项目使用

1.useContext的使用：

• 创建context对象：

import {context } from 'react';
defaultValue = { 
  a:'ddd'
  b:'ccc'
}
    
//它返回一个具有两个值的对象{Provider ， Consumer}
const numberContext = context(defaultValue)

const numberConponent = ()=> {
console.log(numberContext)
// 打印如下
return <div></div>
}

注意组件首字母一定得大写 自己可以每次使用 create-react-app脚手架去验证在react中学到的一些知识

• useState函数组件内部使用state的方法

const [n,setN] = React.useState(0);
//解构赋值 
//等价于 
/* const state = React.useState(0); 
const n = state[0];
const setN = state[1];