小编Pan*_*ong的帖子

我需要从数组数据制作折叠菜单，

现在我点击任何菜单但展开所有子菜单

我想我的问题是我不能为主菜单设置独特的状态“打开”

我不想被分配“状态”以支持将来可能有 3 或 4 个的其他数据

我正在使用 React.js, material-ui

请帮我

非常感谢您

const myData = [
  {
    id: '1',
    nameHeader: 'Header1',
    subMenu: [{ id: '1', name: 'subMenu1' }, { id: '2', name: 'subMenu2' }]
  },
  {
    id: '2',
    nameHeader: 'Header2',
    subMenu: [{ id: '1', name: 'subMenu1' }, { id: '2', name: 'subMenu2' }]
  }
]

class Myclass extends Component {
  state = { open: false }

  handleClick = () => {
    this.setState(state => ({ open: !state.open }))
  }

  render() …

我需要用数组映射对象数据

const data = [
              {name:"John", age:"22", weight:"60", height:"180cm"},
              {name:"Emma",age:"25",weight:"55",height:"160cm"}
             ]

const key =  ["name", "weight", "height"]

我需要这样的结果

const result = [
                {name:"John", weight:"60", height:"180cm"},
                {name:"Emma", weight:"55",height:"160cm"}
               ]

谢谢你的帮助