React创建类时关于this的疑惑

在创建React类时，代码已附，触发click事件，报错，“Cannot read property 'setState' of undefined”，通过在控制台打印this，发现changeUserInfo()里的this为undefined，此时比较疑惑，解决的办法当然是给这个onClick事件改写为view plain copyonClick={this.changeUserInfo.bind(this)}，但是为什么changeUserInfo()里的this为undefined呢？本人菜鸟一枚，翻到一篇文章，解释原因是：实例化组件时，changeUserInfo()中的this的上下文是div支撑的实例，而其他的this的上下文是BodyIndex实例，所以导致报错~求路过的大神指教~

import React from 'react';// var React = require('react');export default class BodyIndex extends React.Component {    constructor () {        super();// 调用基类的所有初始化方法        this.state = {username: 'Parry', age: 20}    }    changeUserInfo() {        console.log('changeUserInfo()');        console.log(this);// undefined why???        this.setState({age: 50})    }    render () {        console.log('render()');        console.log(this); // BodyIndex Object        return (            <div>                <h2>Page Content...</h2>                <p>{this.props.userId}{this.props.userName}</p>                <p>age: {this.state.age}</p>                <input type="button" value="提交" onClick={this.changeUserInfo}/>                {/*所以要写成onClick={this.changeUserInfo.bind(this)}*/}            </div>        )    }}