reactjs - Dynamically set form field values in React + Redux -

-

my app's store has store.authstate subtree. in subtree, there 3 things, authtoken, isfetching boolean and, importantly fields object. form contains 2 fields : username , password.

i have created action called set_form_field_value should generate , update each field's state changed user.

i set_form_field_value update fields object. if user fills in both username , password fields, store.authstate should this: 

{     authtoken: undefined,     isfetching: false,     fields: {         username: "brachamul",         password: "azerty123"     } }

however, seems current code overwrites , end :

{     field: {         username: "brachamul"     } }

the data in field changes based on field last edited. it's either username or password.

here code :

switch (action.type) {     case 'set_form_field_value':         let field = {} // create "field" object represent current field         field[action.fieldname] = action.fieldvalue // give name , value of current field         return { ...state.fields, field }

how can change fix issue ?

your return wrong, should this

switch (action.type) {     case 'set_form_field_value':              return {                    ...state,                    fields: {                          ...state.fields,                          [action.fieldname] : action.fieldvalue                    }              } }

hope helps.


Comments

Post a Comment

Popular posts from this blog

javascript - Feed FileReader from server side files -

-
i´m starting customize/improve old audio editor project. can import audio tracks canvas via drag&drop computer. thing use audio tracks stored in server clicking on list of available tracks... instead of use <input type="file"> tags. how can read server side files filereader?ajax perhaps? in advance. this code file reader: player.prototype.loadfile = function(file, el) { //console.log(file); var reader = new filereader, filetypes = ['audio/mpeg', 'audio/mp3', 'audio/wave', 'audio/wav'], = this; if (filetypes.indexof(file.type) < 0) { throw('unsupported file format!'); } reader.onloadend = function(e) { if (e.target.readystate == filereader.done) { // done == 2 $('.progress').children().width('100%'); var onsuccess = function(audiobuffer) { $(el).trigger('audiee:fileloaded', [audiobuffer, file]); ...
Read more

How to Change swipe Tab Title color in java Android -

-
by default, view pager(swipe tabs) tab title color white want change orange. can 1 me please or share if have tutorial. thanks... use style in styles.xml , assign style tab layout. <style name="mymaterialtheme.tablayout" parent="widget.design.tablayout"> <item name="tabindicatorcolor">@android:color/white</item> <item name="tabindicatorheight">3dp</item> <item name="tabtextappearance">@style/mymaterialtheme.tablayout.textappearance</item> <item name="tabselectedtextcolor">@android:color/white</item> <item name="android:background">@color/colorprimary</item> </style> <style name="mymaterialtheme.tablayout.textappearance" parent="textappearance.design.tab"> <item name="android:textsize">14sp</item> <item name="android:textcolor">@color/tab_text_inactive</item> ...
Read more

php - how to give proper permission for pcntl_exec? -

-
i trying fork php script , execute php script using pcntl_exec command, getting following error: pcntl_exec(): error has occured: (errno 13) permission denied i trying following code after normal forking in function: $pathtofile="/var/www/html"; $outputfile =array("mytestfile.php"); if ($pid) // parent { $pid_arr[$i] = $pid; } else // child { pcntl_exec($cmd,$outputfile); return "error occurred in child"; } all other pcntl functions working properly, tried chmod , chown commands on directory well, still pcntl_exec not working. please tell me doing wrong? thanks in advance!! try option: chmod 755 /var/www/html this should grant permission needed!
Read more