javascript - React Select - setState of prop -


i trying set state of brandselect prop in reactjs using react select confused how can done?

here current code:

class vehicleselect extends react.component {    constructor(props) {     super(props);      this.state = { brandselect: ""};    }   render() {     var options = [     { value: 'volkswagen', label: 'volkswagen' },     { value: 'seat', label: 'seat' }     ];       return (       <select           name="form-field-name"           value={this.state.brandselect}           options={options}           placeholder="select brand"           searchable={false}           onchange={}       />     )   } };

when option selected want state set option chosen.

does know how done react select documentation doesn't cover this? far have tried making function set state attached onchange prop didn't work.

you can try add _onchange handler component, handle changes form <select /> component.

class vehicleselect extends react.component {    constructor(props) {     super(props);      this.state = { brandselect: ""};    }    _onchange(value) {     //console.log(value) - see recive <select />     this.setstate({brandselect: value});   }    render() {     var options = [     { value: 'volkswagen', label: 'volkswagen' },     { value: 'seat', label: 'seat' }     ];       return (       <select           name="form-field-name"           value={this.state.brandselect}           options={options}           placeholder="select brand"           searchable={false}           onchange={this._onchange.bind(this)}       />     )   } };

Comments

Post a Comment

Popular posts from this blog

jOOQ update returning clause with Oracle -

according http://www.jooq.org/doc/3.8/manual/sql-building/sql-statements/update-statement/ jooq doesn't support returning clause in update statements databases except firebird , postgres. does know, still correct oracle jooq? according oracle's documentation, oracle db supports returning clase delete, insert, or update statements. incorrect manual you're right - manual wrong , should fixed: https://github.com/jooq/jooq/issues/5470 single row update returning jooq 3.8 added support single row update .. returning statements. internally, uses callablestatement , pl/sql block of form: begin update "my_table" set "my_table"."column" = 'xyz' "my_table"."id" = 1 returning "my_table"."id", "my_table"."column" ?, ?; ? := sql%rowcount; end; the relevant issue is: https://github.com/jooq/jooq/issues/5190 multi row update returning a...
Read more

c# - Json.Net Serialize String from URI -

currently i'm using web request body of webpage strictly json. var request = webrequest.create("urihere"); string text; var response = (httpwebresponse)request.getresponse(); using (var sr = new streamreader(response.getresponsestream())) { text = sr.readtoend(); } now i've got string of json in variable i'm trying figure out how parse data. i'm attempting use json.net below: user primaryuser = new models.user(); primaryuser.fullname = "test"; jsonserializer serializer = new jsonserializer(); serializer.converters.add(new javascriptdatetimeconverter()); serializer.nullvaluehandling = nullvaluehandling.ignore; using (streamwriter sw = new streamwriter("filenamehere")) using (jsonwriter writer = new jsontextwriter(sw)) { serializer.serialize(writer, primary...
Read more

ruby on rails - What is the best design practise to create tables from same controller using same actions -

i have project involved genealogy. starts asking questions (current user), same questions father, same questions mother , goes on until grandparents of both sides. unfortunately, have tried 3 different approaches , implementations, each time correcting past mistakes pretty new rails. i recommendation/guidance community regarding best design approach should follow having design problems. so think best way come different tables benefit later when need put info in single family tree. so, 1 table current user, 1 father, mother, etc having model each table using single controller because have same html.erb form , each time changes headers adapt sibling question. i had created flow , actions such new, create, show etc problem following: the flow of questions consecutive, , @ end shows family tree. therefore when user clicks continue, data saved in equivalent table of database , flow continues next table. i stuck more 8 hours on how make create method change father mother h...
Read more