How to refer to a particular key in array using a variable name in react?

Question

I am trying to fetch the dev or stage key from the array inside the map function based on a declared variable called "abc". instead of {data.dev}, i want to make it like {data.abc} some thing like that This might be easy but since i am new, not able to figure out

  const data = [
    { id: 1, name: "John Doe", dev: "new", stage: "new" },
    { id: 2, name: "Victor Wayne", dev: "old", stage: "old" },
    { id: 3, name: "Jane Doe", dev: "freq", stage: "old" },
  ];

const abc='dev';
  return (
    <div className="users">
      {data.map((data) => (
        <div className="user">{data.abc}</div>
      ))}
    </div>
  );
};

I don't fully understand the question. Each object in you array has several keys which you could directly use inside your map function. You said you wanted to use data.name instead of data.dev, which you can certainly do. What are you trying to output? — Bumhan Yu
– Bumhan Yu, Commented Jan 5, 2023 at 3:28
basically want based on name variable(which will be the key) i should be able to pull the value. my bad, let me change the variable name from name to abc — Shankar Panda
– Shankar Panda, Commented Jan 5, 2023 at 3:30
In JavaScript, you could use dot notation (.) or square bracket notation ([]) to access properties of something (e.g. person.name or person[0]). While [] is most commonly used for array indices, you could use it for object keys. This MDN doc entry and this blog article might be useful for you. — Bumhan Yu
– Bumhan Yu, Commented Jan 5, 2023 at 3:36

OneQ · Accepted Answer · 2023-01-05 03:33:32Z

1

To access an attribute via your variable abc you can do :

data[abc]

answered Jan 5, 2023 at 3:33

OneQ

1,5071 gold badge13 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

How to refer to a particular key in array using a variable name in react?

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