在React中时常会遇到this指向的作用域问题 从而导致undefined报错
先来个Demo:
功能很简单 点击按钮改变文字
import React from 'react';
export default class BindWithThis extends React.Component {
constructor(props) {
super(props);
this.state = {
msg:"BindWithThis"
}
}
render() {
return <div>
<input type="button" value="Way1" onClick={
this.changeMsg1}/>
<hr/>
<h3>{
this.state.msg}</h3>
</div>
}
changeMsg1(){
console.log(this