我怎么能理解<button primary =“”> </button>中的“ primary”？

Question

我在我的应用程序中使用语义UI反应。我只是不知道如何理解Button标记中的“主要”。这和className ='primary'一样吗？

render() {
    return (
      <Form>
        <Button primary>Login</Button>
      </Form >
    )
  }

Answer 1

primary是<Button>组件的属性。在组件中，可能会有类似的内容：

<button className={"btn" + (this.props.primary ? " btn-primary" : "")}>
  {this.props.children}
</button>

您可以通过查看以下来源获得更多信息：Semantic-UI-React/Button.js at master · Semantic-Org/Semantic-UI-React · GitHub。