Rails 5.1に反応するReactコンポーネントにデータベースオブジェクトを呼び出す

Question

どのようにしてRails 5.1データベースオブジェクトをReactコンポーネントと呼んでいますか？

たとえば、標準のRailsビューでは、コントローラに設定されたアクセス権があると仮定して、@ objectを使用してオブジェクトを呼び出すことができます。

Rails 5.1では、Webpacker対応のReact機能を使用して、RailsデータベースオブジェクトをReactコンポーネントに呼び出す方法を教えてください。

データベースのすべての@objectsをReactコンポーネントでマップしたいと考えています。反応レールの宝石で

、あなたのJSXファイルでそれらのオブジェクトにアクセスするには、このようなものを使用することができます。

<%= react_component('Component', props: @objects) %> 

どのように私はベースのRails 5.1を宝石を使用して、ちょうど使用せずに似た何かを行います/ Webpackerセットアップを反応させますか？あなたが反応成分をレンダリングする場所をビューテンプレートでは

<%= javascript_pack_tag "Component" %> 

Answer 1

：

私の理解では、このようなルビータグを使用している。これは、このHTMLタグをレンダリングし

<%= javascript_pack_tag 'Component' %> 

<%= content_tag :div, 
    id: 'objects_data', 
    data: @objects.to_json do %> 
<% end %> 

を

<div id="objects_data" data="[{"id": 1, "created_at": .....}]"></div> 

JSファイル

document.addEventListener('DOMContentLoaded',() => { 
    var objectsDataTag = document.getElementById('objects_data') 
    const objectsData = JSON.parse(objectsDataTag.getAttribute('data')) 
}) 

ここでは、JSONデータがobjectsData定数に格納されています。

私が理解しているのは、<%= react_component('Component', props: @objects) %>も同様です。

これはwebpacker docsにし、this blog post