react学习(3)

1: React中的组件:首字母大写的函数,内部存放了组件的逻辑和UI视图,渲染组件,只需要把组件当成标签书写即可。
2:useState

  • 定义:一个react hook函数,允许我们像组件添加一个状态变量,从而控制影响组件的渲染结果。
  • 和普通的JS变量不同,状态变量发生变化,组件的视图UI也会发生变化(数据驱动视图)
const [count,setCount] = useState(0);

useState是一个函数,返回值是一个数组。
数组中的第一个参数是状态变量,第二个参数是set函数,用来修改状态变量。
useState的参数将作为状态变量的初始值。
注意:直接修改count值,count的值会改变。不会触发视图更新。

对于对象类型的状态变量同理,也是不能直接修改

const  [form,setForm] = useState({name:'jack'});
setForm({...form,name:'jerry'})
其他

ts学习(4)

2024-12-9 10:40:01

其他

react学习(5)

2024-12-9 10:40:07

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索