Как сделать js запрос из react?

Question

[Андрей]

Есть кнопка Показать еще при нажатии на которую, без перезагрузки, хочу подгружать новые объекты

const UsersPageButton = ({ bottomUrl }) => {
      const userClick = e => {
        e.preventDefault();
        const page = bottomUrl.slice(-1);
        const axios = require('axios');
        const url = '/users'
        const data = { 'page': page };
    
        const options = {
          method: 'get',
          headers: { "Content-Type": "application/json" },
          data: data,
          url,
        }
    
        axios(options);
      };
      return (
        <a className="button" onClick={userClick} href={bottomUrl}>Показать еще</a>
      )
    
    };

По этому запросу получаю еще пачку объектов и уже отображаю с помощью index.js.erb

$(".users-list").html("<%= j render 'users/users', users: @users %>")

Но запрос в контроллер приходит as HTML, поэтому index.js.erb не отрабатывает.

Как отправлять запрос типа script, чтобы при этом рендерилась index.js.erb

Comments

[Roman Alekseiev]

контроллер покажете?

[Андрей]

def index
    @users = User.all.page(params[:page]).per(10)
  end

[Roman Alekseiev]

Андрей, по умолчанию rails рендерит html темплейт, если не указать иначе. Если Вам нужно действительно рендерить index.js.erb то нужно добавить

def index
  @users = User.all.page(params[:page]).per(10)
  respond_to do |format|
    format.js
  end
end