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

• Z时代
• 2024-01-10
• 分类：问答

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

    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";
        }
    };

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

回答：

我找到了答案（从这里改编：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>;
        }
    };

以上是 如何在React中重写父类方法？ 的全部内容， 来源链接： utcz.com/qa/429042.html