javascript - 为什么名称显示为空？

Question

我是 React 新手，我第一次尝试使用状态。由于某种原因statelist.name不返回任何东西。我需要使用构造函数吗？任何帮助都会很棒。

import React from 'react';

class HorizantScroller extends React.Component {

  state = {
    statelist: [
  {name: "Brands",
    items: ["1", "2", "3"]
  },
  {name: "Films",
    items: ["f1", "f2", "f3"]
  },
  {name: "Holiday Destination",
    items: ["f1", "f2", "f3"]
  }
]

  };

  render() {
    const { selected } = this.state;
    // Create menu from items
    const menu = Menu(list, selected);
    const {statelist} = this.state;


    return (
      <div>
      <div name={statelist.name}></div>
      </div>

    );
  }
}

export default HorizantScroller;

标签： javascriptreactjsstate

Answer 1

StateList 是一个数组，您需要先指定状态的索引并获取属性“名称”。示例：statelist[0].name