Skip to content

Instantly share code, notes, and snippets.

@vanaf1979
Last active June 14, 2020 13:47
Show Gist options
  • Select an option

  • Save vanaf1979/57b075efcd0c2ff7a80588113bf01184 to your computer and use it in GitHub Desktop.

Select an option

Save vanaf1979/57b075efcd0c2ff7a80588113bf01184 to your computer and use it in GitHub Desktop.
Use Array.from() to transform Api data to conform to a React component.
// MDN Docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from
const apiCategories = [
{ id: 0, title: "javascript", description: "...", other: "..." },
{ id: 1, title: "React", description: "...", other: "..." }
];
const transformApiCategories = () => {
return Array.from(apiCategories, category => {
return {label: category.title, value: category.id};
});
};
console.log(transformApiCategories());
// [0: Object {label: "javascript" value: 0}
// 1: Object {label: "React" value: 1}]
// Example use in a react select component.
return (<SelectControl options={ transformApiCategories() }/>)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment