Сопоставление свойств с массивом в React

Поэтому я хотел бы перебрать некоторые реквизиты, которые передаются моему компоненту реакции, и построить динамический набор элементов html на основе количества ссылок, которые передаются реквизитами. в приведенном ниже примере будет отображена только первая ссылка.

import React from "react";
import ReactDOM from "react-dom";

const Links = (props) => {
   return (
      <div>
        <p>{props.link.link1}</p>
      </div>
    )
  }

export default Links;

У меня проблемы с разработкой того, как сопоставить входящие реквизиты, чтобы сгенерировать p тег для каждой ссылки, которая находится в объекте реквизита. ссылки извлекаются из более крупного объекта json и передаются указанному выше компоненту в качестве свойств.

"links": {
      "link1": "https://www.google.com",
      "link2": "https://www.google.com",
      "link3": "https://www.google.com",
      "link4": "https://www.google.com",
      "link5": "https://www.google.com",
      "link6": "https://www.google.com"
 }

Я пробовал что-то вроде приведенного ниже, но просто не могу заставить его работать. мне нужно сделать мой класс компонентов реакции на основе? и ввести метод конструктора / рендеринга, чтобы сделать это правильно?

const buildLinks = this.props.data.map(release => {
    render (
        /// p tags + props go here
    )
})