如何使用ReactJS在JSON中设置数组名称

Question

我像这样在我的构造函数中设置了一个空数组

this.state = {
      formData: [],
}

当用户单击这样的按钮时，我正在推送一些数据

addFormData() {

    const {formQuestion,formName} = this.props;

    const formRawData = {
      'question': formQuestion,
      'type': this.state.qtype,
    }


    this.state.formData.push(formRawData);


  }

有了这个，我得到这样的结果formData

[ 
0: {question: "ABC", type: "star"}
1: {question: "ABC", type: "star"}
]

如何像这样将数组名称（ formName ）设置到我的数组

formName : [ 
    0: {question: "ABC", type: "star"}
    1: {question: "ABC", type: "star"}
]

Answer 1

this.state.formData.push(formRawData); 不应该做。 您正在尝试改变状态。 这就是setState的目的。

我想您正在寻找这样的东西？

this.state = {
      formData: { formName:  []},
}

addFormData() {

    const {formQuestion,formName} = this.props;

    const formRawData = {
      'question': formQuestion,
      'type': this.state.qtype,
    }

    const formData = {...this.state.formData, formName: [...this.state.formData.formName, formDate]}
    this.setState({formData});


  }

Answer 2

尝试使用setState函数添加数据，例如：

setState({   
    formData:formRawData
})