react怎样传参

react传参的方法:

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;

相关学习推荐:react视频教程

以上就是react怎样传参的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏