How to implement remote: true for react (rails)?

Question

JavaScript

I create the form like this:

= form_for Review.new do |f|
  = react_component "Popups/ReviewPopup", {name: "review-popup"}

Inside Popups/ReviewPopupI have form fields with the required name .
And when you click on the submit happens:

<button
    onClick={e => {
      onClick(e);
      e.preventDefault();
    }}
    className="button popup-footer__button"
  >
    Отправить
</button>

After that, without reloading, the data from the form should be sent and a message should appear in the browser.
In general, with normal dispatch (if you comment out onClick(e); e.preventDefault();), everything works fine. But it's not entirely clear how to implement remote: true . Moreover, I would like to implement exactly the remote: true behavior , and not to catch the data from the fields when clicking and send them using axios to the server.