質問編集履歴
3
文章訂正
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,10 +1,12 @@
|
|
1
1
|
Reactで、Todoリストを作成しています。
|
2
|
-
Todoリストにタスクを追加し、追加したタスクの完了/作業ボタンを押したら、
|
2
|
+
Todoリストにタスクを追加し、追加したタスクの完了/作業ボタンを押したら、
|
3
|
+
ボックスの中に『false』『true』が表示されるのを解決したいです。
|
3
4
|
色々試してみたのですが、状況が変わりません。
|
4
5
|
何方かアドバイスをお願いします。
|
5
6
|
|
6
7
|
####期待する動作
|
7
|
-
Todoリストにタスクを追加し、完了/作業ボタンを押しても、『false』『true』が表示されず、
|
8
|
+
Todoリストにタスクを追加し、完了/作業ボタンを押しても、『false』『true』が表示されず、
|
9
|
+
ボックスの中に『Enter a new TODO』が表示されるようにしたい。
|
8
10
|
|
9
11
|
####問題解決の為に行ったこと
|
10
12
|
1.検証ツールで、どういった実装が行われているか確認した。
|
2
文章訂正
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,7 +1,10 @@
|
|
1
1
|
Reactで、Todoリストを作成しています。
|
2
|
+
Todoリストにタスクを追加し、追加したタスクの完了/作業ボタンを押したら、ボックスの中に『false』『true』が表示されるのを解決したいです。
|
3
|
+
色々試してみたのですが、状況が変わりません。
|
4
|
+
何方かアドバイスをお願いします。
|
2
5
|
|
3
|
-
|
6
|
+
####期待する動作
|
4
|
-
|
7
|
+
Todoリストにタスクを追加し、完了/作業ボタンを押しても、『false』『true』が表示されず、ボックスの中に『Enter a new TODO』が表示されるようにしたい。
|
5
8
|
|
6
9
|
####問題解決の為に行ったこと
|
7
10
|
1.検証ツールで、どういった実装が行われているか確認した。
|
@@ -131,7 +134,4 @@
|
|
131
134
|
import App from "./App";
|
132
135
|
|
133
136
|
ReactDOM.render(<App />, document.querySelector("#root"));
|
134
|
-
```
|
137
|
+
```
|
135
|
-
|
136
|
-
期待する動作
|
137
|
-
Todoリストにタスクを追加し、完了/作業ボタンを押しても、『false』『true』が表示されず、ボックスの中に『Enter a new TODO』が表示されるようにしたい。
|
1
文章訂正
title
CHANGED
File without changes
|
body
CHANGED
@@ -7,8 +7,12 @@
|
|
7
7
|
1.検証ツールで、どういった実装が行われているか確認した。
|
8
8
|
|
9
9
|
```App.js
|
10
|
+
//書き換える前のソースコード
|
10
11
|
<h2>新規タスクの追加</h2>
|
11
12
|
<input placeholder="Enter a new TODO" value={comment} onChange={onChangeTodo} />
|
13
|
+
//書き換える後のソースコード
|
14
|
+
<h2>新規タスクの追加</h2>
|
15
|
+
<input onChange={onChangeTodo} />
|
12
16
|
```
|
13
17
|
『完了』『作業中』ボタンを押したら、value=" "に『false』『true』が表示。
|
14
18
|
タスク追加後、ボックスの中に『false』『true』が表示されるので、placeholder="Enter a new TODO" value={comment} の部分を消して、タスクを入力して追加ボタンを押したら、ボックス内に『追加したタスク』が表示されたままの状態になった。
|