Destructuring of es6 but passing dynamic variable

by

As 4castle pointet out, you could use Computed object property names and destructuring with an additional key/value pair variables for destructuring.

var object = { item: { a: 'a0', b: 'b0' } },
    key = 'b',
    value;

({ [key]: value } = object.item);

console.log(value);

More Related Contents:

  1. How to avoid bind or inline arrow functions inside render method
  2. Make React useEffect hook not run on initial render
  3. React ‘cannot read property of undefined’ when using map
  4. Rendering raw html with reactjs
  5. How to pass data from a page to another page using react router
  6. How to call loading function with React useEffect only once
  7. Applying className/onClick/onChange not working on Custom React Component
  8. How to use componentWillMount() in React Hooks?
  9. Correct way to handle conditional styling in React
  10. Is it possible to share states between components using the useState() hook in React?
  11. Why is immutability so important (or needed) in JavaScript?
  12. Multiple path names for a same component in React Router
  13. this.setState isn’t merging states as I would expect
  14. setInterval in a React app
  15. Warning: Each child in a list should have a unique “key” prop even tho it has unique key React
  16. Can’t type in React input text field
  17. How to use create-react-app with an older React version?
  18. Single Page Application and CSRF Token
  19. Navigate to screen after opening a notification?
  20. How do I add validation to the form in my React component?
  21. Type ‘void’ is not assignable to type ‘((event: MouseEvent) => void) | undefined’
  22. Destructure object properties inside array for all elements
  23. Service Worker registration error: Unsupported MIME type (‘text/html’)
  24. Proper way of using React hooks + WebSockets
  25. On React Router, how to stay logged in state even page refresh?
  26. Deep nested array of objects not rendering
  27. updateProfile is not a function (Firebase)
  28. create-react-app is showing all my code in production, how to hide it?
  29. Why would we use useEffect without a dependency array?
  30. Get scroll position with Reactjs

Leave a Comment