javascript - React 表单中的 this.setstate 未设置状态

Question

我正在用 React 构建一个表单。单击取消时，App 组件中的表单需要重置我从另一个组件数据中获取的状态

class App extends React.Component {

constructor(props){
  super(props);
  this.Data = React.createRef();
  this.state = {
    fruits:["Mango","Apple","Banana"],
  };
}

//reset method in App called on clicking cancel in form
resetForm(e){
  e.preventDefault();
  const resetState = this.Data.current.getFruit();
  console.log(resetState);
  this.setState({
    state: resetState
  });
}

//class in different file
export class Data extends React.Component {
  getFruit() {
    return {    
      fruits: [
        "Mango",
        "Apple",
        "Bananna"
      ]
    }
    //more code below
}

当我在 resetForm 方法中控制 resetState 时，我能够从 Data 组件获取初始状态，但它不会将其设置为 App 中的状态。我究竟做错了什么？我是 React 新手

Answer 1

当你使用 setState 方法时，React 已经知道它应该应用于 state 属性，所以你应该调用该方法:

this.setState(resetState);