回答編集履歴
1
update
answer
CHANGED
|
@@ -1,24 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
指摘に合わせて修正してみました
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
```
|
|
5
4
|
import React from "react";
|
|
6
5
|
import { render } from "react-dom";
|
|
7
6
|
|
|
8
|
-
const Hello01 = ({ name }) => <h1>Hello {name}!</h1>;
|
|
9
7
|
|
|
10
|
-
const
|
|
8
|
+
const App = ({ value }) => {
|
|
11
|
-
const
|
|
9
|
+
const hello = <h1>これがやりたいことですかね？ {value}</h1>;
|
|
10
|
+
return (
|
|
11
|
+
<div>
|
|
12
|
+
{hello}
|
|
13
|
+
</div>
|
|
14
|
+
);
|
|
15
|
+
};
|
|
12
16
|
|
|
13
|
-
const App = () => (
|
|
14
|
-
<div>
|
|
15
|
-
|
|
17
|
+
render(<App value="aaa" />, document.getElementById("root"));
|
|
16
|
-
{hello02}
|
|
17
|
-
</div>
|
|
18
|
-
);
|
|
19
18
|
|
|
20
|
-
render(<App />, document.getElementById("root"));
|
|
21
|
-
|
|
22
19
|
```
|
|
23
20
|
|
|
24
21
|
こちらに動く状態のコードがあります。
|