Change array variable names

Question

I have an array of JSON data I am using. Each array item is a blog category, but in the JSON it is presented as the category id#. With the code below, I'm not sure how to set a new array that essentially converts the category id# to the category name. I would have to set what each id# is supposed to be named.

const ButtonCategories = (productCategories, setCategory) => {
  return (
    productCategories.map(category => (
      <button
      key={category}
      className={`filter-button btn-${category}`}
      onClick={() => setCategory(category)}
    >
      {category}
    </button>
  )));
}

Could you share a sample json data

Kenny John Jacob
– Kenny John Jacob

2020-08-26 13:59:17 +00:00
Commented Aug 26, 2020 at 13:59 — Kenny John Jacob
– Kenny John Jacob, Commented Aug 26, 2020 at 13:59

Kenny John Jacob · Accepted Answer · 2020-08-26 14:03:13Z

1

You could store a category id mapping in a variable as below,

const categoryMapping = {
  id1: "Category 1 Name",
  id2: "Category 2 Name",
  id3: "Category 3 Name"
}

and the array, you can map like this,

const transformedBlogs = blogs.map(blog => {
    return {
      ...blog,
      id: categoryMapping[blog.id]
    };
  });

answered Aug 26, 2020 at 14:03

Kenny John Jacob

1,2189 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change array variable names

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related