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

Question

http://jquense.github.io/react-widgets/api/Combobox/ 上面文档链接中的示例显示了两个样式的ComboBoxes。

左边的一个

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

右下方的组合框我在下面的图片中用红色标出，是我试图开始工作的组合框。但我上面的代码一直在左边渲染。

对于遇到同样问题的人，

更新：。它们看起来风格不同的原因是因为在右侧它们不使用组合框，而是使用下拉列表小部件。