禁用Semantic-ui-react中的搜索元素

Question

我认为将disabled添加到className中会起到作用。它适用于一个按钮。我被难住了。

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

Answer 1

我发现，为了将属性传递给子元素(在本例中是input元素)，我只需要将其作为一个prop传递。我碰巧有一个名为disabled的布尔值，我只是这样使用它。

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

Answer 2

下面是这些文档中的一个示例：

<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>