如何在React中重写父类方法？

Question

我在扩展基类并覆盖基类中的方法。但是当我称它为超类版本时。如何覆盖该方法？

    var Hello = React.createClass( {

        getName: function() { return "super" },

        render: function() {

            return <div>This is: {this.getName()}</div>;
        }
    });

    class HelloChild extends Hello {
        constructor(props) {
          super(props);

          console.log( this.getName());
        }
        getName()
        {
          return "Child";
        }
    };

我希望它打印“这是：孩子”，但它打印“这是：超级”

Answer 1

我找到了答案（从这里改编：https :
//gist.github.com/Zodiase/af44115098b20d69c531）-基类也需要以ES6方式定义：

class Hello extends React.Component {

        //abstract getName()
        getName()
        {
            if (new.target === Hello) {
                throw new TypeError("method not implemented");
            }
        }

        render() {

            return <div>This is: {this.getName()}</div>;
        }
    };