質問編集履歴
1
（誤植訂正） 措定⇒指定
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
react-dom: "19.2.0"
|
|
8
8
|
|
|
9
9
|
railsのviewでreactが取得した値を以下のように表示させました。
|
|
10
|
-
**
|
|
11
|
-
(Rails)
|
|
10
|
+
(Rails)
|
|
12
11
|
「**app/view/layouts/application.html.erb」**
|
|
13
12
|
|
|
14
13
|
<%= javascript_include_tag "search01", "data-turbo-track": "reload", type: "module" %>
|
|
@@ -21,11 +20,11 @@
|
|
|
21
20
|
略
|
|
22
21
|
を、記載。
|
|
23
22
|
|
|
24
|
-
|
|
23
|
+
(React)
|
|
25
24
|
**「app/javascript/search01.jsx」**
|
|
26
25
|
|
|
27
26
|
const root = createRoot(document.getElementById('search01'));
|
|
28
|
-
ここに"search01"を記載し
|
|
27
|
+
ここに"search01"を記載し ① に正常に値がレンダリングされるのを確認しました。
|
|
29
28
|
※値は、reactが返した単に数値です。
|
|
30
29
|
|
|
31
30
|
|
|
@@ -59,7 +58,7 @@
|
|
|
59
58
|
|
|
60
59
|
|
|
61
60
|
**（推測・結論）**
|
|
62
|
-
（１）②の書式が間違っている？！何かが足りない？！、{id: :search01}でhtml要素は
|
|
61
|
+
（１）②の書式が間違っている？！何かが足りない？！、{id: :search01}でhtml要素は指定出来ない？！
|
|
63
62
|
（２）そもそもフロントエンドとバックエンドではデータ送信レイヤーが異なり仕組みが元来ない。
|
|
64
63
|
ただ、自環境のreactは、railsと別ポートではなく、railsプロジェクト内で動作してるからなんとかなるのかも？！
|
|
65
64
|
とタカをくくっています。
|