Dynamic defaultValue on Combobox React Widgets

Question

I'm fairly new to javascript and I'm currently making a web client that display some data a database. Pretty standard stuff I guess. I use react.js and I installed react-widgets to get some nice widgets. The comboxbox I use is getting it's data from a mongo database depending on the collection chosen from another comboxbox. So by changing the collection, the data inside is updated to reflect the change. This works well, but I can't seem to be able to set the default value. Here the code to render the comboxbox:

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

I have had this issue with a couple of widgets that does not seem to be able to get updated dynamically. They work if all the data is there the first time I'm rendering (static data for example), but they don't if the data is empty at first and gets populated afterward. *I did make sure I call setState to call the render function.

Did I miss something? Is it a javascript issue that I don't understand?

Thanks!

Swayangjit · Accepted Answer · 2019-10-26 10:17:03Z

1

Try wrapping the Combobox with a condition.

Something like this

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

}

edited Oct 26, 2019 at 10:17

Swayangjit

1,8812 gold badges14 silver badges24 bronze badges

answered Oct 26, 2019 at 2:56

Name

111 bronze badge

Sign up to request clarification or add additional context in comments.

2 Comments

Anna Over a year ago

Could you please add some explanation to your answer, and format code according to the markdown?

vyvu Over a year ago

Nice. I solved my problem with DropdownList: { data && <DropdownList defaultValue={ data.value } /> }

Eelke · Accepted Answer · 2015-03-03 15:58:09Z

0

I think you might be better off using the value prop, instead of defaultValue, it will give you more control over the component, and it will repopulate the form element when the state has changed.

answered Mar 3, 2015 at 15:58

Eelke

2,3271 gold badge22 silver badges26 bronze badges

3 Comments

ThePainnn Over a year ago

I'll try that. Is there a way to check for existing property inside a control. The thing I miss from language like C#, Java or C++ is that the api doc is very much non-existing for most of the widgets I use.

Eelke Over a year ago

I'm not sure what you mean by "inside a control"?

ThePainnn Over a year ago

Sorry for the late response, I've got sidetracked on other things. What I meant, was you need to go into the code and read it to know what's available... due to the lack of documentation. For example, to reset the selected value of a combobox or to force the selection of a value within the combobox one must do something like: this.refs["myComboBox"].state.value = forceSelectedValue;

Collectives™ on Stack Overflow

Dynamic defaultValue on Combobox React Widgets

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related