React useState 是不是用来实时更新数据用的?

benniu
  • 35

在看别人的项目的代码.

看到一堆类似这种格式的代码.

const [ the_Variable1,setVariable1 ] = React.useState({})

我不太明白用途.

如果要定义初始化一个变量,通常不是直接let xxxx = {} 不就好了吗?
或者 var xxx = {} 不就好了

这里为什么要用 const (常量?)

还有为什么要用这个useState() 呢.

还有就是 为什么要把 变量和这个像是函数的放在同一个array里面
[the_Variable1,setVariable1]

感觉这种语法对我新手来说好难理解.

Vue 好像都很简单呀.直接设置个变量就好了.

回复
阅读 2.8k
3 个回答

你这是连最基本的概念都没有,有中文文档,就仔细看明白。
useState属于hook的内容,是对基本内容的补充,要先明白基本概念才去看。

简单的来说,react是组件框架,并且react定义的组件都是有react自己管理其行为的。一个组件渲染之后,如果需要更新只有两个条件:

  1. props发生变化, props是父组件传递过来的内容,组件肯定要响应他的改变,所以会更新
  2. state发生变化,除了响应父组件的props,有些组件还应该有自己的状态,也就是真正属于组件自己的内容,这个就叫做state,去看类组件的说明,以前函数是不能使用state的。你直接定一个变量,然后修改,react组件是不会根据你这个值变化而更新的。

useState 是新功能,以前函数组件不能使用state,现在用hook就可以使用了。[the_Variable1,setVariable1] 这种方式很明显很方便,一步即获取初始值,又获取了设置函数,又不需要自己麻烦去写。

官方文档每一个段落都很重要,不要基础的都没看,就弄后面的。

建议直接看新版文档
https://reactwithhooks.netlif...
旧版文档你得先学class component,然后在通过class component的那些概念去理解hooks,就很南辕北辙

宣传栏