Factory function, how to generate random key?

Question

I have a function that creates objects, but I want to receive the key for that object by parameter. How do I set this key? When I put the parameter the function does not take and sets the name of that parameter as the key

My code:

createData = (image, text, id) => {
  return {
    id: {
      image,
      text,
    },
  };
};

Just do `return { [id]: /* ... */` – VLAZ Jan 28 '20 at 12:39 — VLAZ, Jan 28 '20 at 12:39

score 3 · Answer 1 · answered Jan 28 '20 at 12:38

3

Enclose id in square brackets:

createData = (image, text, id) => {
  return {
    [id]: {
      image,
      text,
    },
  };
};

answered Jan 28 '20 at 12:38

Tim VN

1,113
1
7
16

score 3 · Answer 2 · answered Jan 28 '20 at 12:39

3

Enclose the variable that you want to use as the property with square brackets, like so:

createData = (image, text, id) => {
  return {
    [id]: {
      image,
      text,
    },
  };
};

answered Jan 28 '20 at 12:39

sdgluck

21,802
5
67
87

1

I don't understand, you mark this question as Duplicate, but also post an answer. – SuleymanSah Jan 28 '20 at 12:42

score 1 · Answer 3 · answered Jan 28 '20 at 12:39

1

Use the bracket notation like:

createData = (image, text, id) => {
  return {
    [id]: {
      image,
      text,
    },
  };
};

:)

answered Jan 28 '20 at 12:39

Frede

691
4
14

Factory function, how to generate random key?

3 Answers3