Создаю форму таким образом:
= form_for Review.new do |f|
= react_component "Popups/ReviewPopup", {name: "review-popup"}
Внутри
Popups/ReviewPopup
у меня поля формы с нужными
name.
И при клике на сабмит происходит:
<button
onClick={e => {
onClick(e);
e.preventDefault();
}}
className="button popup-footer__button"
>
Отправить
</button>
После чего, без перезагрузки, должны отправляться данные из формы и показаться сообщение в браузере.
В общем-то при обычной отправке (если закомментировать onClick(e); e.preventDefault();) все работает прекрасно. Но не совсем понятно как реализовывать
remote: true. Причем хотелось бы реализовать именно поведение
remote: true, а не отлавливать при клике данные из полей и отправлять их с помощью
axios на сервер.