React-React中的类内部函数

Question

我有点难以理解为什么react中的类的功能与普通js不同。还是我错过了什么？

在我拥有的代码中，我了解Header继承了'props'的属性，因此，感谢构造函数，我可以在jsx中使用this.name。并且，在Header中。 proto 驻留了doSomething函数。但是当我调用函数doSomething时，可以调用该函数，但无法访问“ this.name”。在普通的js中，它会起作用。那是怎么回事？

为什么绑定/使用箭头功能可以解决问题？

提前谢谢！

import React, { Component } from 'react';
import PropTypes from 'prop-types';

export class Header extends Component {
    constructor(props) {
        super();
        this.name = props.name;
    }

    doSomething() {
        this.name = 5;

    }
    render() {

        return(
          <div>
        <button onClick={this.doSomething}></button>
          </div>
        );
    }

}