react基于类的组件与java中的类

Question

我是一个新手，我总是想到一个基于类的组件，就像我在Java中做类一样。

在Java中比较基于类的组件和类的两种思维是正确的吗？换句话说，呈现的组件是否像Java中的对象一样，它们是类的实例化？

有区别吗？

Answer 1

文档中强调的一件重要的事情是，考虑OOP（以及特定的继承）是我们不会像Java那样扩展类。

这是什么意思？让我们从下面的答案中举一个简单的例子：

public class ExtendedButton extends Button {
    public ExtendedButton() {
        super();
        styleProperty().bind(Bindings.
                when(buttonState.isEqualTo(ButtonState.CRITICAL)).
                then("-fx-base: red;").
                otherwise(""));

    }
}

react中的一个例子有两个主要区别。

• extended按钮将扩展React.Component而不是按钮
• 因此，您将无法访问按钮。prototype，但您可以使用如下所示的合成

核心引导按钮

class Button extends React.Component {
    render() {
      return (
        <button className=`btn btn-{this.props.btnType}` onClick={this.props.handleClick}>
          { this.props.label} 
        </button>
       )
    }
}

主引导按钮

class PrimaryButton extends React.Component {
    render() {
      return (
        <Button btnType="default" handleClick={this.props.handleClick} label={ this.props.label} />
       )
    }
}

这将是某人开始编写引导按钮的方式。不过，这是简化的，当你理解它时，构图会变得更加有趣。考虑查看留档中关于组合与继承的整篇文章