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

【信息由网络或者个人提供,如有涉及版权请联系COOY资源网邮箱处理】

© 版权声明
THE END
喜欢就支持一下吧
点赞15赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容