Rails и React возвращают только текстовую страницу

Question

Я пытался включить React.js в мое приложение Rails для разбивки страницы на страницу index для моей модели Items. Я слежу за this example и пытаюсь включить его в свой текущий проект. Мне удалось интегрировать все в точку, в которой не отображаются ошибки. Но теперь индекс страницы только превратился в текст, этот текст является представлением @items и она будет отображаться с использованием render действия

items_controller.rb:

class ItemsController < ApplicationController 
    # ... 
    def index 
     @items = 
      Kaminari.paginate_array(Item.first(10)).page(params[:page]) 
     #... 
     render json: { 
      items: @items, 
      meta: { 
       current_page: @items.current_page, 
       next_page: @items.next_page, 
       prev_page: @items.prev_page, 
       total_pages: @items.total_pages, 
       total_count: @items.total_count 
      } 
     } 
    end 
end 

Я не знаю, почему это происходит, Я следил за гидом, но ничего не получал. Я даже не знаю, какой код действительно идет не так, потому что от него нет никаких ошибок. Кто-нибудь знает, почему это происходит?

Website main page, работает отлично

Index page for Item model, полностью текст

Repo for my app, я оставил сообщение фиксации, показывая, что я изменил для React

Answer 1

<%= link_to "ITems", items_path(format: :json) %> 

отправит страницу запрашивающий ответ JSon от ваш сервер. Обычно это будет из запроса ajax.

<%= link_to "ITems", items_path %> 

однако делает http-запрос. У вас есть только один обработчик (format.json), который принимает запрос и с радостью преобразует ответ в json. Но так как ваш КЛИЕНТ запросил ответ как html (проверьте ваши заголовки запроса), он выгружает обработанный json в ответ html