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

Question

在看别人的项目的代码.

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

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

我不太明白用途.

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

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

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

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

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

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

Answer 1

建议先看看React Hooks

Answer 2

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

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

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

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

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

Answer 3

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