回答編集履歴
3
追伸のヘッダ表現修正
test
CHANGED
@@ -70,10 +70,11 @@
|
|
70
70
|
New JSX Transform Playground
|
71
71
|
https://new-jsx-transform.netlify.app/
|
72
72
|
|
73
|
-
追伸1
|
73
|
+
# 追伸1
|
74
|
+
|
74
75
|
jsx は XML like な記法 なので 最終結果としては DOMを生成して 既にある document にマウントするものでしかないので 挿入先の document が SGML ベースとか XML ベースとかは DOMが使えるか使えないかでしかないので関係無いと思われます。( html でも xhtml でも DOM は使える為)
|
75
76
|
|
76
|
-
追伸2
|
77
|
+
# 追伸2
|
77
78
|
|
78
79
|
> https://ja.react.dev/reference/react-dom/server/renderToReadableStream#rendering-a-react-tree-as-html-to-a-readable-web-stream
|
79
80
|
> reactの仕様書に<!DOCTYPE html>を見つけたので、doctypeはこれで合ってる...?JSXとマークアップルールについては見つけられませんでした。
|
2
追伸2を追記
test
CHANGED
@@ -70,5 +70,23 @@
|
|
70
70
|
New JSX Transform Playground
|
71
71
|
https://new-jsx-transform.netlify.app/
|
72
72
|
|
73
|
-
追伸:
|
73
|
+
追伸1:
|
74
74
|
jsx は XML like な記法 なので 最終結果としては DOMを生成して 既にある document にマウントするものでしかないので 挿入先の document が SGML ベースとか XML ベースとかは DOMが使えるか使えないかでしかないので関係無いと思われます。( html でも xhtml でも DOM は使える為)
|
75
|
+
|
76
|
+
追伸2:
|
77
|
+
|
78
|
+
> https://ja.react.dev/reference/react-dom/server/renderToReadableStream#rendering-a-react-tree-as-html-to-a-readable-web-stream
|
79
|
+
> reactの仕様書に<!DOCTYPE html>を見つけたので、doctypeはこれで合ってる...?JSXとマークアップルールについては見つけられませんでした。
|
80
|
+
|
81
|
+
とありますが、その参照しているのは
|
82
|
+
|
83
|
+
> React は doctype とあなたが指定した `ブートストラップ <script> タグ` を結果の HTML ストリームに注入します。
|
84
|
+
> ```html
|
85
|
+
> <!DOCTYPE html>
|
86
|
+
> <html>
|
87
|
+
> <!-- ... HTML from your components ... -->
|
88
|
+
> </html>
|
89
|
+
> <script src="/main.js" async=""></script>
|
90
|
+
> ```
|
91
|
+
|
92
|
+
と jsx ではなく html です。それはマウント先の html の話です。
|
1
追伸に document の話を少々追加
test
CHANGED
@@ -69,3 +69,6 @@
|
|
69
69
|
参考:
|
70
70
|
New JSX Transform Playground
|
71
71
|
https://new-jsx-transform.netlify.app/
|
72
|
+
|
73
|
+
追伸:
|
74
|
+
jsx は XML like な記法 なので 最終結果としては DOMを生成して 既にある document にマウントするものでしかないので 挿入先の document が SGML ベースとか XML ベースとかは DOMが使えるか使えないかでしかないので関係無いと思われます。( html でも xhtml でも DOM は使える為)
|