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

来源:8-3 事件与数据的双向绑定

Truejasonxiefans

2017-05-14

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

写回答

3回答

Parry

2017-05-15

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

0
1
Truejasonxiefans
明白了,表示该函数this指针永远指向BodyIndex实例
2017-05-16
共1条回复

Parry

2017-05-15

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

0
0

Truejasonxiefans

提问者

2017-05-15

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

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>
)
}
}


0
0

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程