Как передать данные в модальное окно через children?

Question

[Svetlana_Ilina]

подскажите как организовать наполнение модального окна через chidlren. Наполнение данными будет происходить в компонентах First и Second. Модальное окно должно быть одно, подключается через портал. Modal должен быть абстрактным без привязки к компонентам.

const App = () => {
const [modalData, setModalData] = useState(null)
const [isModalActive, setIsModalActive] = useState(false)

  const openModal = (content) => {
    setModalData(content)
    setIsModalActive(true)
  }

  const closeModal = () => {
    setModalData(null)
    setIsModalActive(false)
  }


  return (
    <>
      <First/>
      <Second/>
      <Modal>{}<Modal/>
    </>
  )
}


const Modal = ({chidlren}) => {

  return CreatePortal((
    <>
      {chidlren}
    </>
  ), document.body)
}

Comments

[szQocks]

<Modal>
         <React.Fragment>
                   <First/>
                   <Second/>
         </React.Fragment>
      <Modal/>

[WbICHA]

szQocks, зачем фрагмент?

[szQocks]

WbICHA, а как надо было ?

[WbICHA]

szQocks, без фрагмента.)

[szQocks]

WbICHA, да действительно, я почему-то решил в последнюю неделю что там нужно прокидывать единый элемент, т.к по умолчанию компонент реакта отображает лишь первый из массива чилдренов элемент, даже и не знаю откуда я это взял, наверное приснилось или очередной препадок тупости мой, хотя на проекте который я делаю я посмотрел,я юзал без фрагмента.

[WbICHA]

szQocks, бывает такое.)