reactjs - 有什么方法可以隐藏“未找到结果”下面的消息

Question

• 我正在使用 react type ahead npm 包 ** ** https://ericgio.github.io/react-bootstrap-typeahead/#asynchronous-searching

  

  我只想在下拉列表中显示匹配结果而不是任何其他消息，例如显示未找到匹配项！

标签： reactjs

Answer 1

是否使用

emptyLabel=''

作为财产为你工作？

例如：

<AsyncTypeahead
  id="async-example"
  emptyLabel=''

如果你想让整个底部菜单选项消失，我建议向项目提交一个补丁：

diff --git a/src/components/Menu.react.js b/src/components/Menu.react.js
index 9e403f9..c25b2f5 100644
--- a/src/components/Menu.react.js
+++ b/src/components/Menu.react.js
@@ -83,12 +83,12 @@ class Menu extends React.Component<MenuComponentProps> {
     } = this.props;

     const contents = Children.count(children) === 0 ?
-      <BaseMenuItem disabled role="option">
+      (emptyLabel ? <BaseMenuItem disabled role="option">
         {emptyLabel}
-      </BaseMenuItem> :
+      </BaseMenuItem> : null) :
       children;

-    return (
+    return contents ? (
       <ul
         aria-label={this.props['aria-label']}
         className={cx('rbt-menu', 'dropdown-menu', 'show', className)}
@@ -108,7 +108,7 @@ class Menu extends React.Component<MenuComponentProps> {
         }}>
         {contents}
       </ul>
-    );
+    ) : null;
   }
 }