回答編集履歴
2
コメントがついたので追記しました
test
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
エラーになるなら回避するしかないのでは。
|
|
2
2
|
https://qiita.com/twinemarron/items/0021297065229f7e9109
|
|
3
|
+
|
|
4
|
+
---
|
|
3
5
|
|
|
4
6
|
追記。
|
|
5
7
|
シンプルに文字列として出す方法もあるようです。
|
|
@@ -20,5 +22,9 @@
|
|
|
20
22
|
);
|
|
21
23
|
```
|
|
22
24
|
|
|
25
|
+
[コメントより追記]
|
|
26
|
+
ただし、この方法は見た目上の出力ができるだけで、基本的にDOCTYPEとしての意味を持つことは無いようです。
|
|
27
|
+
|
|
28
|
+
---
|
|
23
29
|
理由に関してはそもそも、コンポーネント(既にあるHTMLに対する埋込み)のためにJSXがあるからだとchatGPTは言っています。
|
|
24
30
|
JSXに関しては素人ですが、私も同じ見解です。
|
1
回答の補足
test
CHANGED
|
@@ -1,2 +1,24 @@
|
|
|
1
1
|
エラーになるなら回避するしかないのでは。
|
|
2
|
-
https://qiita.com/twinemarron/items/0021297065229f7e9109
|
|
2
|
+
https://qiita.com/twinemarron/items/0021297065229f7e9109
|
|
3
|
+
|
|
4
|
+
追記。
|
|
5
|
+
シンプルに文字列として出す方法もあるようです。
|
|
6
|
+
|
|
7
|
+
```jsx
|
|
8
|
+
const App = () => (
|
|
9
|
+
<>
|
|
10
|
+
{"<!DOCTYPE html>"}
|
|
11
|
+
<html>
|
|
12
|
+
<head>
|
|
13
|
+
<title>My App</title>
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<div id="root">Hello, World!</div>
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
|
19
|
+
</>
|
|
20
|
+
);
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
理由に関してはそもそも、コンポーネント(既にあるHTMLに対する埋込み)のためにJSXがあるからだとchatGPTは言っています。
|
|
24
|
+
JSXに関しては素人ですが、私も同じ見解です。
|