Данные о масштабах в реакторе

Question

У моего родительского компонента есть два отдельных обработчика событий, которые собирают данные из дочерних компонентов.

class MyComponent extends React.Component{ 
    ... 

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

    } 

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

} 

Внутри моего handleSubmit обработчик Я хочу вызвать метод для публикации обоих объектов данных. Как мне получить доступ к data1 внутри обработчика data2?

Answer 1

Если значение данных передаются через другой компонент (родитель), так что это прошло через реквизита и может быть доступна через this.props в случае, если их значения не будут изменены, в противном случае вам может понадобиться, чтобы сохранить ваши данные значения data1 и data2 через состояние компонента быть что-то вроде следующим образом:

handleClick(data1){ 
    this.setState({data1}); 
} 

handleSubmit(data2){ 
    this.setState({data2}); 
    method(this.state.data1, this.state.data2) 
} 

Answer 2

Когда делает Реагировать класс и определить методы как вы могли бы использовать 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); 
    } 

}