javascript - React/Semantic UI 在按钮上添加号召性用语

Question

使用Semantic-UI/ReactJS想要在button上添加onClick功能，但是当我添加时，它也在 input 单击时调用函数，但我只想在 button

上添加

handleClick= (e) => this.setState({ click: true});
...
  <Input
    action={{
      color: 'teal',
      labelPosition: 'left',
      icon: 'cart',
      content: 'Checkout',
    }}
    actionPosition='left'
    placeholder='Search...'
    defaultValue='52.03',
    onClick={this.handleClick}
      />

结果:

<div class="ui left action input">
  <button class="ui teal icon left labeled button">
    <i aria-hidden="true" class="cart icon"></i>
    Checkout
  </button>
  <input type="text" placeholder="Search..." value="52.03" />
</div>

查看演示结果 here ，在此页面中，搜索 您可以传递一个 Button props 对象。 来查找示例。

Answer 1

您需要在操作中添加 onClick 属性。

action = {{
    color: 'teal',
    labelPosition: 'left',
    icon: 'cart',
    content: 'Checkout',
    onClick: handleClick
}}