javascript - react : Variable after keyname in map function

Question

嗨，我有这个带有对象的代码:

const data = [{
item1: {
    ans1: "Ich",
    ans2: "Du",
    ans3: "Jemand",
    ans4: "Egal",
    correct: 3,
    quest: "Wer hat die Kokosnuss geklaut?"
}];

还有这个:

    render() {
    const hereGoesMyLevelNum = this.state.level;
    const answers = data.map((answer) => {
        return (
          <ul>
              <li>{answer.item1.ans1}</li>
              <li>{answer.item1.ans2}</li>
              <li>{answer.item1.ans3}</li>
              <li>{answer.item1.ans4}</li>
          </ul>
        )
    });

    return (
      <div className="App">
         <ul>{answers}</ul>
      </div>
    );}} export default App;

我想通过将级别号从状态传递给它来动态获取“answers.items”。 像这样的东西:

{answer.item{hereGoesMyLevelNum}.ans1}

你能帮我一下吗？ :)

Answer 1

像这样使用方括号

{answer["item"+hereGoesMyLevelNum].ans1}