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

Question

我认为将 disabled 添加到 className 中可以解决问题。它适用于一个按钮。我被难住了。

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

Answer 1

这是文档中的示例：

<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

我发现为了得到 属性 到 child，在本例中是输入元素，我只需要将它作为 prop 传入。我刚好有一个布尔值叫disabled，我就这样用了。

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