Блог

Я пытаюсь создать форму с формой React Hook для регистрации некоторых точек для добавления на мою карту, но я новичок в форме React Hook, и я не могу получить информацию, на самом деле у меня есть моя карта и его геокодер, установленные в одном компоненте, и при выборе точкиинформация отправляется в контекст, я хотел бы поместить данные контекста в форму, чтобы отправить все вместе на мой сервер, я не могу найти, как это сделать…

На самом деле это фрагмент моего компонента формы :

 import React from "react";
import { useForm, Controller } from "react-hook-form";
import { useMapContext } from "../utils/hooks/useMap";

export default function Form() {
  const { register, handleSubmit, watch, control } = useForm();
  const onSubmit = (data) => console.log(data);
  const context = useMapContext();


  return (
    <div className="form-container">
      <form className="form-div" onSubmit={handleSubmit(onSubmit)}>
          {context.NewPoint amp;amp; (
            <div className="coordinates-result">
              <p> Longitude : {context.NewPoint.geometry.coordinates[0]}</p>
              <p> Latitude : {context.NewPoint.geometry.coordinates[1]}</p>
            </div>
          )}
        <input type="submit" />
      </form>
    </div>
  );

}