javascript - 在 React 中确定数据范围

Question

我的父组件有两个独立的事件处理程序，它们从子组件收集数据。

class MyComponent extends React.Component{
  ...

  handleClick(data1){
    console.log(data1);

  }

  handleSubmit(data2){
    console.log(data);
    method(data1, data2)
  }

}

在我的handleSubmit处理程序中，我想调用a方法来发布两个数据对象。如何在 data2 处理程序中访问 data1？

Answer 1

当创建 React 类并定义方法时，就像使用 this.setState({}) 一样，如果您想访问预定义方法 (handleClick)，您只需编写 this .handleClick。 this 关键字引用此上下文中的类。

 class MyCompnonent extends React.Component{

handleClick(data){
    this.setState({
     data1: data
    });
    console.log(data1);

 }

  handleSubmit(data2){
    console.log(data);
    this.method(this.state.data1, data2);
  }

}