useState() 这个钩子的功能:就是让静态组件，可以拥有状态state刷新的功能，类似于class中this.state this.setState()
实现一个计数器--一个状态管理:
import React from 'react'
import {useState} from 'react'
const App = ()=>{
//useState(0) 0是用来初始化state count值
//useState(0) 返回一个数组[state初始值0,修改state的方法]解构出来给变量count和函数setCount
const [count,setCount]=useState(0);
return (
计数器
{count}
{}
setCount(count+1)}>+
)
}
export default App;
实现一个技术器-管理多个状态值:
import React from 'react'
import {useState} from 'react'
const App = ()=>{
const [count,setCount]=useState(0);
const [name,setName]=useState("tom");
return (
名称
{name}
setName("jarry")}>点击改变name
计数器
{count}
setCount(count+1)}>+
)
}
export default App;
