最简单react菜单联系

以下是一个简单的React菜单组件示例代码：

import React from 'react';

class Menu extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      items: [
        { id: 1, name: 'Home' },
        { id: 2, name: 'About' },
        { id: 3, name: 'Contact' }
      ]
    };
  }

  render() {
    return (
      <ul>
        {this.state.items.map(item => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
    );
  }
}

export default Menu;

这个组件将一个菜单显示为一个无序列表，其中每个菜单项都是一个li元素。你可以在渲染时动态生成菜单项列表。这里我们使用了React的map()函数来遍历项目数组，并为每个项目创建一个li元素。

请注意，每个li元素都需要一个唯一的键（在这种情况下，我们使用项目的ID），以便React可以正确地更新和重新排列列表。