文章阅读

沉浸阅读完整内容

写文章

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

正在统计阅读人数 正在统计字数
登录收藏0
字号 100%

这里使用的是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;

推荐阅读

4 篇精选
文章 / 25数值判断 文章 / 26计算2数累计之和 文章 / 28函数封装计算商品价格 文章 / 27JS三目运算比大小

发表评论

评论 0

还没有评论,欢迎留下第一条讨论。

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--
本月获得--积分
正在读取