ReactJS 中的 this.state 和 this.setstate 有什么区别

发布于03月08日

我想更改hasSubmit键的值，就像第一个代码部分一样.我知道这是不推荐的.但是第二段代码是异步的，我不想使用setState的回调函数.

第一个代码:

this.state.hasSubmit = false
this.setState({})
//Code that will use `hasSubmit`.

第二个代码:

this.setState({
   hasSubmit: false,
});
//Code that will use `hasSubmit`.

ADD:

情况是:

hasSubmit集getInitialState()集false.

当我点击submit按钮时，hasSubmit将变为false.

提交时，hasSubmit将更改为true.

第一次单击submit没有问题，hasSubmit将被设置为true.

但是第二次点击submit将错误地使用Second asynchronous code，因为hasSubmit仍然是true，而First Code可以解决问题.

使现代化

以下 comments :

需要的是，我想使用下面更改的hasSubmit.

好吧，我现在明白了.如果需要立即使用future state属性，最好将其存储在局部变量中.

const hasSubmit = false;

this.setState({
  hasSubmit: hasSubmit
});

if (hasSubmit) { 
  // Code that will use `hasSubmit` ...

实用课程推荐