在Semantic-ui-react中禁用Search元素

Question

我认为将禁用添加到className可以解决问题。它适用于一个按钮。我很难过。

      <Search
        className="findSearchBar disabled"
        ...
        ...
        ...
      />

Answer 1

这是一个来自docs的例子：

<div class="ui search">
  <div class="ui disabled input">
    <input class="prompt" type="text" placeholder="Common passwords...">
    <i class="search icon"></i>
  </div>
  <div class="results"></div>
</div>

Answer 2

我发现为了将属性传递给子节点，在这种情况下是输入元素，我只需要将它作为prop传递。我碰巧有一个名为disabled的布尔值，我只是像这样使用它。

     <Search
        className="findSearchBar"
        disabled={disabled}
        ...
        ...
        ...
      />