react方法传参的两种方式

时间:2023-02-09 22:11:01

1.使用bind

import React, { Component } from 'react'
class App extends Component{
  constructor(props){
    super(props)
    this.state = {
      test:"哈哈"
    }
  }
  render(){
    return(
      <div>
        <button onClick={this.getValue.bind(this,this.state.test)}>确定</button>
      </div>
    )
  }
  getValue(val){
    console.log(val);
  }
}
export default App ;

 

2.使用箭头函数

import React, { Component } from 'react'
class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      test: "哈哈"
    }
  }
  render() {
    return (
      <div>
        <button onClick={() => this.getVal(this.state.test)}>确定</button>
      </div>
    )
  }

  getVal = (val) => {
    console.log(val);
  }
}
export default App;