Question

了解如何从构造函数到方法获取props值。

constructor(props) {
    super(props)
}

handleSubmit(event) {
    event.preventDefault()
}

如何访问handleSubmit方法中的props值？

Answer 1

你必须bind构造函数中的事件处理程序

constructor(props) {
  super(props)

  this.handleSubmit = this.handleSubmit.bind(this)
}

handleSubmit() {
  console.log(this.props)
}

Answer 2

您需要在构造函数中初始化状态，然后在函数中使用它。

constructor(props){
    super(props);
    this.state = {data:'Hey'};
    this.handleSubmit = this.handleSubmit.bind(this);
}

handleSubmit(event) {
    event.preventDefault()
    console.log(this.state.data);
}

Answer 3

只需通过this.props访问即可。您需要将处理程序方法绑定到正确的范围：

constructor(props) {
    super(props)
}

handleSubmit = (event) => {
    event.preventDefault()
    console.log(this.props)
}

Hemerson Carlin的答案基本相同，但另一种方法是如何绑定方法。我觉得我的方法更有吸引力，因为你不需要显式写下bind语句。

反应如何从构造函数中获取值

3 个答案: