reactjs - react-yandex-maps Placemark balloonContentBody: React 组件

Question

我会尝试在这里寻求帮助。我使用了 reacr-yandex-maps 库，当您单击弹出窗口中的标记时，您需要使用自己的逻辑呈现React 组件。在文档和互联网上，我没有找到如何将 JSX 标记传输到它的解决方案

示例代码：

  import MarkerPopupCreateEvent from 'src/client/components/blocks/PopupCreateEvent'

  export default function CreateMarker(props) {
  const { coordinates } = props
  const userProfilesList = useSelector(
    (state) => state.profiles.userProfilesList
  )
  const createdByEmail = useSelector((state) => state.user.email)
  const markerIcon = usersMarkerIcon(userProfilesList, createdByEmail)

  return (
    <Placemark
      geometry={coordinates}
      properties={{
        balloonContentBody: MarkerPopupCreateEvent,
      }}
      options={markerIcon}
      modules={['geoObject.addon.balloon', 'geoObject.addon.hint']}
      children={MarkerPopupCreateEvent}></Placemark>
  )
}

标签： reactjsjsxyandex-maps