Как добавить точку при клике в react-yandex-maps?

Question

[Ислом Жуманиёзов]

Как добавить точку при клике как на данном примере?
https://developers.google.com/maps/documentation/j...

Answer 1

[Алексей]

У компонента Map добавить событие onClick, из которого можно получить текущие координаты, сохранить их и потом на основании полученных сохраненных координат отрендерить Placemark, который будет потомком Map

const [coordinates, setCoordinates] = useState([])
<YMaps ... >
  <Map ...
    onClick={e => setCoordinates(e.get("coords"))}
  >
  {coordinates.length && <Placemark
    geometry={coordinates}
    options={{
      zIndex: 100
    }}
  />}
  </Map>
</YMaps>

Что-то типа того, но возможно там что-то поменялось, потому что последний раз я эту библиотеку лет 5 назад использовал.

Comments

[Ислом Жуманиёзов]

Спасибо это проще чем который я сделал, думаю можно создать state список этих placemark и в него добавлять при клике

Answer 2

[Ислом Жуманиёзов]

Походу разорбрался, пока точку не поставил но можно добавить event и в нем менять state.

Ссылка если кому интересно, удачи
https://codesandbox.io/s/react-yandex-maps-with-ym...