reactjs - 单击输入时反应小部件组合框打开

Question

http://jquense.github.io/react-widgets/api/Combobox/ 上面文档链接中的示例显示了两种样式的组合框。左边的一个是

Individual component
import Combobox from 'react-widgets/lib/Combobox'

然后在右侧标记的过滤器有

 Main export
import { Combobox } from 'react-widgets'

我试图让右边的那个渲染，但它一直渲染它看起来像 react-widgets/lib/Combobox。

下面是我的代码。问题是我希望能够选择组合框上的任何位置来触发下拉菜单。右边的那个是这样做的，而左边的那个你必须点击箭头图标才能打开它。有没有设置这个的道具或者我错过了什么？

import React from 'react';
import { Combobox } from 'react-widgets';

export default field => (
  <div>
    <Combobox
      defaultValue={field.data[0]}
      data={field.data}
    />
  </div>
);

我在下图中用红色标出的右侧组合框是我正在尝试使用的组合框。但是我上面的代码一直在渲染左边的那个。

更新：对于任何有同样问题的人。它们看起来样式不同的原因是因为在右侧它们没有使用组合框，而是使用下拉列表小部件。

标签： reactjs