需要帮助将节点内的孩子放入数组

Question

我正在尝试将状态数组中的子节点中的数据获取到新数组中，以便在 DOM 上映射和显示。这是我的代码：

    const { tour } = this.state;
    const gearArray = Array.from(tour.gears);
    const showTourInfo = () => gearArray.map((label, value) => (
        <Link to={`/gear/${value}`} >{label}</Link>
    ));

这是我的数据结构：

-MOq_JbS669VyEbv4CXt
  description: "Iron Maiden Tour"
  firebaseKey: "-MOq_JbS669VyEbv4CXt"
  gears
    -0
     -label: "Jazzmaster"
     -value: "-MOhOuYl1_EZ-xkeI03a"
    -1
     -label: "JMP"
     -value: "-MOlWQ9FDs_2wO3SL2hb"
  name: "World Tour 2020"

我想获取标签/值并映射它们。提前致谢。

Answer 1

你可以这样做

const { tour } = this.state;
    const gearArray = Object.values(tour.gears);
    const showTourInfo = () => gearArray.map(({label, value}) => (
        <Link key={label} to={`/gear/${value}`} >{label}</Link>
    ));