質問編集履歴
2
コードにあるコメントの説明を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -22,6 +22,12 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
+
練習で作っているので、一つのファイルにまとめて書いています。
|
|
26
|
+
|
|
27
|
+
見やすいようにコメントをつけました。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
25
31
|
```js
|
|
26
32
|
|
|
27
33
|
import React from "react";
|
1
コード内にコメントを追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
37
|
+
// form - ここにstateをもたせるべきか
|
|
38
|
+
|
|
37
39
|
class TodoInput extends React.Component {
|
|
38
40
|
|
|
39
|
-
// ここにstateをもたせて値を保存するべきか
|
|
40
|
-
|
|
41
41
|
render() {
|
|
42
42
|
|
|
43
43
|
return (
|
|
@@ -64,6 +64,8 @@
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
+
// todoの一つの要素を表すコンポーネント
|
|
68
|
+
|
|
67
69
|
const TodoItem = props => {
|
|
68
70
|
|
|
69
71
|
return (
|
|
@@ -82,6 +84,8 @@
|
|
|
82
84
|
|
|
83
85
|
|
|
84
86
|
|
|
87
|
+
// データを受けて一覧表示させている
|
|
88
|
+
|
|
85
89
|
class TodoList extends React.Component {
|
|
86
90
|
|
|
87
91
|
render() {
|
|
@@ -108,6 +112,10 @@
|
|
|
108
112
|
|
|
109
113
|
|
|
110
114
|
|
|
115
|
+
// 親コンポーネント、stateをここに固めたい。
|
|
116
|
+
|
|
117
|
+
// formで入力した情報をクリックしたらsetStateしたい。
|
|
118
|
+
|
|
111
119
|
class App extends React.Component {
|
|
112
120
|
|
|
113
121
|
constructor() {
|