javascript - 如何让react-select始终显示选项列表

标签 javascript reactjs multi-select react-select

如何让react-select始终显示选项列表 默认情况下,当您单击数组按钮或开始输入内容时,它会切换

var Select = require('react-select');

var options = [
  { value: 'one', label: 'One' },
  { value: 'two', label: 'Two' }
];

function logChange(val) {
  console.log('Selected: ', val);
}

<Select
  name="form-field-name"
  value="one"
  options={options}
  onChange={logChange}
/>

最佳答案

使用 Prop 默认菜单打开 这将使下拉菜单默认打开

<Select
  defaultMenuIsOpen
  name="form-field-name"
  value="one"
  options={options}
  onChange={logChange}
/>

关于javascript - 如何让react-select始终显示选项列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47386461/

相关文章:

javascript - JS 函数上的 jQuery .live() - 使用什么事件?

javascript - 在 ExtJS 4 的 tabpanel 中,如何在每次单击选项卡时捕获 tabchange 事件?

javascript - 跨组件发送多个 Prop React

reactjs - 如何在 ReactJS 中使用多个对话框和渲染模式

jquery - 如何在 jQuery Mobile 多选框中设置 "option"的样式

javascript - 在 Ajax 调用中解析返回数据时出现 token 错误

javascript - 当用户浏览 SPA 应用程序时,React.js 会实例化其组件多少次?

javascript - 如何在 React 中正确扩展从外部站点加载的 JS 类

c# - 文件上传多选

html - "onDropDownClose"事件一直被触发,即使我点击 ng-multiselect-dropdown 中下拉菜单以外的任何其他地方