{this.handleChildValueChange.bind(this)}/> this指针理解

Question

前一个指针指向bodychild,后一个指向bodyIndex?

Answer 1

Parry 2017-05-15 23:26:35

bind()方法会创建一个新函数，称为绑定函数，当调用这个绑定函数时，绑定函数会以创建它时传入 bind()方法的第一个参数作为 this，传入 bind() 方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。

• 提问者 Truejasonxiefans #1

  明白了，表示该函数this指针永远指向BodyIndex实例

Answer 2

Parry 2017-05-15 09:48:35

可以贴一下上下文的代码吗？

Answer 3

提问者 Truejasonxiefans 2017-05-15 23:02:45

额 其实我是想问视频中的代码

import React from 'react';
import BodyChild from './bodychild'
export default class BodyIndex extends React.Component {
constructor() {
super();
this.state = {

username: "zhong-wei",
age : 20
};
}
changeUserInfo() {
this.setState({age:25});
}
handleChildValueChange(event) {
this.setState({age:event.target.value});
}
render() {
setTimeout(() => {
this.setState({username: "truejasonxiefans"});
}, 4000);
return (
<div>
<h2>
页面的主体内容
</h2>
<p>{this.state.username} {this.state.age}</p>
<input type="button" value="提交" onClick={this.changeUserInfo.bind(this)}/>
<BodyChild handleChildValueChange = {this.handleChildValueChange.bind(this)}/>    
</div>
)
}
}