«

React遍历对象包数组key是标题

时间:2023-8-23 15:27     作者:小诸葛     分类: React     正在检查是否收录...


这里使用的是Object.entries

示例代码

import React from 'react';

function MyComponent() {
  const myObject = {
    title1: ['content1', 'content2'],
    title2: ['content3', 'content4'],
    title3: ['content5', 'content6'],
  };

  return (
    <div>
      {Object.entries(myObject).map(([title, contents]) => (
        <div key={title}>
          <h3>{title}</h3>
          <ul>
            {contents.map((content, index) => (
              <li key={index}>{content}</li>
            ))}
          </ul>
        </div>
      ))}
    </div>
  );
}

export default MyComponent;

React遍历对象包数组key是标题

推荐阅读:


扫描二维码,在手机上阅读