Javascript 我如何循环生成一个带有链接的列表？

我想要的结果就是这样

  <ul id="toc">
    <li><Link to="/page1">Page 1</Link></li>
    <li><Link to="/page1">Page 2</Link></li>
    <li><Link to="/page1">Page 3</Link></li>
    <li><Link to="/page1">Page 4</Link></li>
    <li><Link to="/page1">Page 5</Link></li>
  </ul>

现在在我的JSX中

  <ul id="toc">
      {Object.keys(pages).map((name, url) => {
        <li><Link to="{url}">{name}</Link></li>
      })}

  </ul>

{Object.keys（pages）.map（（名称、url）=>{
{name}
})}

但是我什么都没看到，我没看到循环？在JSX中是这样做的吗

---

对不起，外行问：我还是个新手/js

四件小事加起来：

Object.keys(pages).map((name, url) => {
  <li><Link to="{url}">{name}</Link></li>
})

或

pages.map（{name，url}）=>
{name}
)

四件小事加起来：

Object.keys(pages).map((name, url) => {
  <li><Link to="{url}">{name}</Link></li>
})

或

pages.map（{name，url}）=>
{name}
)

你好，代码如下：

           pages.map((page,index)=> {
                  <li><Link to={page.url}>{page.name}<Link></li>
           })

---

其中：pages是页面列表（一个数组）

Good Day，代码如下：

           pages.map((page,index)=> {
                  <li><Link to={page.url}>{page.name}<Link></li>
           })

---

其中：pages是页面列表（一个数组）

使用此：

{pages.map（（name，url）=>
{name}
）}

，pages是一个数组而不是一个对象，因此不需要使用

对象。键

使用此：

{pages.map（（name，url）=>
{name}
）}

，pages是一个数组而不是一个对象，因此不需要使用

对象。keys

@ZenaMesfin是的，最好为每个项包含一个键，而不是索引。数组或迭代器中的每个子项都应该有一个唯一的“key”属性。@ZenaMesfin是的，最好为每个项包含一个键，数组或迭代器中的每个子元素都应该有一个唯一的“key”属性。

           pages.map((page,index)=> {
                  <li><Link to={page.url}>{page.name}<Link></li>
           })

         foreach (var page in pages)