美文网首页
react学习(3)

react学习(3)

作者: 哆啦C梦的百宝箱 | 来源:发表于2023-12-19 17:17 被阅读0次

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'})

相关文章

网友评论

      本文标题:react学习(3)

      本文链接:https://www.haomeiwen.com/subject/cpmzgdtx.html