Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2019
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.21 KB | None | 0 0
  1. tabs: [{
  2. name: "Step 1",
  3. DroppedDetails: [
  4. { name: "Bhanu" },
  5. { name: "Sagar" }
  6. ]
  7. },
  8. {
  9. name: "Step 2",
  10. DroppedDetails: [name: "Bhanu Sagar"]
  11. }
  12. ],
  13.  
  14. {
  15. name: "sagar111"
  16. }
  17.  
  18. tabs: [{
  19. name: "Step 1",
  20. DroppedDetails: [
  21. { name: "Bhanu" },
  22. { name: "Sagar111" }
  23. ]
  24. },
  25. {
  26. name: "Step 2",
  27. DroppedDetails: [name: "Bhanu Sagar"]
  28. }
  29. ],
  30.  
  31. const { tabs } = this.state;
  32.  
  33. // here you code to decide what tab do you want to update
  34. const tabSelected = tabs[0];
  35. const { DroppedDetails } = tabSelected;
  36. DroppedDetails[0]= {
  37. name: "sagar111"
  38. };
  39. // You can edit another one or add a new one to the array also.
  40. DroppedDetails[1]= {
  41. name: "NameEdited"
  42. };
  43. DroppedDetails.push({ name: "New Name" })
  44.  
  45. this.setState(
  46. { tabs: tabs.map(t => t === tabSelected ? { ...tabSelected, DroppedDetails }) : t });
  47.  
  48. this.setState(tabs);
  49.  
  50. const { tabs } = this.state;
  51.  
  52. tabs.map(tab => {
  53. // Do something with your tab value like the following
  54. const newDroppedDetails = tab.map(({ name }) => ({ name: name.toLowerCase() });
  55. return {
  56. ...tab,
  57. DroppedDetails: newDroppedDetails
  58. }
  59. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement