求助一个报错

[ad583255925]

class BidInfo extends Component {
	constructor(props){
	      super(props);
	      this.state={ 
	      	current_page: 2,
	      	form_data: null
	      }
  	}

  	handle () {
  		this.setState({form_data: 1})
  	}

	render() {
	    var value = this.state.form_data;
		return(
          <div>
            <QuickSearch />
          	<InfoList />
          	<input type="button" value="按钮" onClick={this.handle()} />
            <div>{value}</div>
          </div>
		)
	}
}

export default BidInfo

报错
Warning: setState(...): Cannot update during an existing state transition (such as within render or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to componentWillMount.

[SundayPig]

这部分改成

<input type="button" value="按钮" onClick={this.handle.bind(this)} />

[ad583255925]

好了，不过方法要是想接受参数怎么写呢

[SundayPig]

<input type="button" value="按钮" onClick={this.handle.bind(this,参数1,参数2)} />

[lijinke666]

handle = () => { this.setState({form_data:1}) }
这样render里面就不用bind this了
onClick = { (a,b)=> this.handle(a,b)}

[ad583255925]

handle = () => { this.setState({form_data:1}) }

这样写好像报格式错误

[lijinke666]

yarn add babel-plugin-transform-class-properties

你的.babelrc 文件

{
  plugins:[ " transform-class-properties "]
}

这是新语法

[zhufuge]

官方推荐是在 constructor 绑定 this 的

  constructor(props){
    ...
    this.handle = this.handle.bind(this)
  }