javascript - Combobox React 小部件上的动态默认值

标签 javascript reactjs

我对 javascript 相当陌生,我目前正在制作一个网络客户端来显示数据库中的一些数据。我猜是相当标准的东西。我使用react.js并安装了react-widgets来获得一些不错的小部件。我使用的组合框从 mongo 数据库获取数据,具体取决于从另一个组合框选择的集合。因此,通过更改集合,内部数据就会更新以反射(reflect)更改。这很好用,但我似乎无法设置默认值。这里是渲染组合框的代码:

<Combobox onChange= {this.handleOnChange} data = {this.state.myValues} defaultValue= {this.state.myValues[0]}/>

我遇到了几个小部件的问题,这些小部件似乎无法动态更新。如果我第一次渲染时所有数据都存在(例如静态数据),它们就可以工作,但如果数据首先为空,然后再填充,则它们就不会工作。 *我确实确保调用 setState 来调用渲染函数。

我是不是错过了什么?这是我不明白的 javascript 问题吗?

谢谢!

最佳答案

尝试用条件包装组合框。

类似这样的事情

{ this.state.myValues[0] &&
  YOUR_TAG_COMBO
<Combobox onChange= {this.handleOnChange} data = {this.state.myValues} defaultValue= {this.state.myValues[0]}/>

}

关于javascript - Combobox React 小部件上的动态默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28833477/

相关文章:

javascript - 更改 Bootstrap 模式选项一旦存在

javascript - API 数据打印到 Node 中的控制台但不显示在 html 中

javascript - 如何使用reactjs为主题创建上下文?

javascript - 在 react-draft-wysiwyg 上使用 formik

javascript - Uncaught ReferenceError : Cannot access 'CONFIG' before initialization

javascript - 删除 TinyMCE 控件并重新添加

javascript - ASP.NET 在alert() 中使用斜杠

javascript - ReactJS/Redux - 纯 Javascript 函数与不纯 Javascript 函数?

javascript - 新版本的 react 路由器不适用于 redux

javascript - 如果该文件存在,则动态导入 React 组件,否则显示默认消息