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

Question

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

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

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

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

谢谢!

Answer 1

尝试用条件包装组合框。

类似这样的事情

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

}