Javascript React组件只更新一次

新的反应，发现它令人兴奋和压倒性的

我有以下代码。我正在尝试使用组件中的一个状态来增加字体大小，然后用一点文本来呈现网页的更新

构造函数（道具）{
超级（道具）；
此.state={
maxSize:this.props.max，
currentSize:this.props.size
};
iSizeClick（）{
this.setState（{currentSize:this.state.currentSize}

将

prevState

传递到

setState

iSizeClick() {
    this.setState(prevState => ({
      currentSize:
        prevState.currentSize < prevState.maxSize
          ? prevState.currentSize + 1
          : prevState.currentSize
    }));
  }

iSizeClick（）{
this.setState（prevState=>({
当前大小：
prevState.currentSize

这是我的代码沙盒

---

干杯！

将

prevState

传递到

setState

iSizeClick() {
    this.setState(prevState => ({
      currentSize:
        prevState.currentSize < prevState.maxSize
          ? prevState.currentSize + 1
          : prevState.currentSize
    }));
  }

iSizeClick（）{
this.setState（prevState=>({
当前大小：
prevState.currentSize

这是我的代码沙盒

---

干杯！

根据我的观察，请对代码进行以下更改：-fontWeight:size+'px'

---

谢谢

根据我的观察，请对代码进行以下更改：-fontWeight:size+“px”

---

谢谢你：

this.state.currentSize++

你可以直接改变状态。你不应该改变它。return

this.state.currentSize+1

。如果你需要更新状态，使用

this.setState（prevstate=>（{}））

这很珍贵。我需要研究一下这一点，看看还有什么其他影响。prevState看起来很有趣。谢谢！当你这样做时，可能会重复：

this.state.currentSize++

你直接变异状态。你不应该变异它。返回

this.state.currentSize+1

。然后如果更新状态您需要prevstate，请使用

this.setState（prevstate=>（{}））

这非常宝贵。我需要研究一下它，看看还有什么其他影响。prevstate看起来很有趣。谢谢！可能是