我正在學習反應并在此程序中創建一個博客，在我的文章中，我想創建一個包含道具字典的組件，關鍵是用戶可以看到和點擊的鏈接，值是鏈接對于我的路由。謝謝你的幫助。
import React from 'react'
import styled from 'styled-components'
import { Link } from 'react-router-dom'
function AsideBar(props) {
return (
<Container>
<Sidebar>
<Nav>
{for (const property in props.link_short){
<Link='{props.link_short[property]}'><li>property</li></Link>
}}
</Nav>
</Sidebar>
</Container>
)
}
export default AsideBar
uj5u.com熱心網友回復：
您的格式Link看起來不正確。它丟失to了，不應使用單引號。
您也不能使用for回圈來輸出 JSX，因為結果需要是回傳值的一部分。相反，映射物件條目
{Object.entries(props.link_short).map(([ text, link ]) => (
<li>
<Link to={link}>{ text }</Link>
</li>
))}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/410583.html
標籤：