reactjs - React 保存当前状态的值并使其不可更改

Question

我是 React 新手，在考虑保存当前状态的值时遇到问题。我不确定是否可能。

总而言之，我构建了一个返回 HTML 元素的函数，如下所示。这个想法是在每次点击时保存一个 div。

createQuestion(){
        let CurrentQuestion=this.state.freetextinput;
        return this.state.values.map((el, i) => 
         <div key={i} className="QuestionBox">
            {CurrentQuestion}
         </div>          
        )
    }

每次单击时，freetextinput 的值都会发生变化。这个想法是保存 freetextinput 的所有值。比如说，freetextinput 的值为 1、2、3。我希望拥有所有这三个值:

1
2
3

但是，我只得到这样的东西:

3
3
3

我想知道是否有办法保存/存储 this.state.freetextinput 的值，以便我可以获得所有三个值。

Answer 1

新问题需要先放入数组中，然后才能进行映射。这样的东西对你有用吗？

var savedQuestions = []

createQuestion(q){        
  savedQuestions.push(q)
  this.setState({savedQuestions: savedQuestions}, () => {
    var questionElements = this.state.savedQuestions.map((el, i) => 
     <div key={i} className="QuestionBox">
        {el}
     </div>          
    )
    })
    return questionElements
}