我有一個 JSON，存儲在一個名為PhotographersInfo的變量中，我從那里獲取數據，但我想要做的是：我想顯示與每個攝影師對應的標簽，并 為每個攝影師提供一個邊框！就像這張照片一樣結果 - 照片我使用模板文字來顯示 HTML 中的信息，目前我正在使用 join() 方法將元素轉換為字符串，但如何為每個 TAG 提供邊框？這是我的代碼：photographersInfo.forEach((item) => {   const photographersDiv = document.getElementById('container');  const div = document.createElement("div");  photographersDiv.appendChild(div);  div.innerHTML = `    <div class="photographerContainer">        <div class="portraitBox">          <img src="${item.portrait}" alt="photo">        </div>        <h1 class="name">${item.name}</h1>        <p class="city">${item.city}, ${item.country}</p>        <p class="tagline">${item.tagline}</p>        <p class="price">${item.price}€/jour</p>        <p class="tags">${item.tags.join(" ")}</p>      </div>    `   });這是我的 JSON 數據：let photographersInfo = [      {        "name": "Mimi Keel",        "id": 243,        "city": "London",        "country": "UK",        "tags": ["#portrait", "#events", "#travel", "#animals"],        "tagline": "Voir le beau dans le quotidien",        "price": 400,        "portrait": "/Photos/Portrait/MimiKeel.jpg"      },      {        "name": "Ellie-Rose Wilkens",        "id": 930,        "city": "Paris",        "country": "France",        "tags": ["#sports", "#architecture"],        "tagline": "Capturer des compositions complexes",        "price": 250,        "portrait": "/Photos/Portrait/EllieRoseWilkens.jpg"      },      {        "name": "Tracy Galindo",        "id": 82,        "city": "Montreal",        "country": "Canada",        "tags": ["#art", "#fashion", "#events"],        "tagline": "Photographe freelance",        "price": 500,        "portrait": "/Photos/Portrait/TracyGalindo.jpg"      },      {        "name": "Nabeel Bradford",        "id": 527,        "city": "Mexico City",        "country": "Mexico",        "tags": ["#travel", "#portrait"],        "tagline": "Toujours aller de l'avant",        "price": 350,        "portrait": "/Photos/Portrait/NabeelBrandford.jpg"      },