Develop #27
Develop #27
Conversation
|
|
||
| npm-debug.log* | ||
| yarn-debug.log* | ||
| yarn-error.log* | ||
| .idea | ||
| build |
| @@ -0,0 +1,4 @@ | |||
| module.exports = { | |||
| extends: "@mate-academy/stylelint-config", | |||
| rules: {} | |||
| super(); | ||
| this.state = { | ||
| todos: [], | ||
| filterTodos: [], |
There was a problem hiding this comment.
через те що в тебе 2 масиви, в тебе є багато багів, які буде важко пофіксити. Якщо потестити твою todoApp то там є такі штуки: натискаємо check all, переходимо в вкладку completed і знімаємо прапорець checked all - результат, всі туду залишилися на місці, а items left помінявся. Якщо checked all має бути активний тільки в тому випадку коли активні всі туду, тобто якщо я вручну знімаю прапорець з якоїсь туду він має ставати неактивним. І таких дрібниць багато. Наприклад якщо в тебе є виконані todo і перейти в вкладку active і натиснути clear completed то в вкладці active теж зникнуть todo, але вони будуть в all.
Моя порада - позбудься filterTodos і користуйся одним масивом
| autoFocus="" | ||
| addTodo = (todo) => { | ||
| this.setState(prevState => ({ | ||
| todos: [...prevState.todos, todo], |
There was a problem hiding this comment.
тобто ти її додав в todos а filtered про це нічого не знає. Це породжує нові баги, які можеш знайти сам, писати багато буде)
|
|
||
| changeTodoCompleted = (id) => { | ||
| this.setState(prevState => ({ | ||
| todos: prevState.todos.map(todo => ( |
There was a problem hiding this comment.
знову ж таки змінив в одному масиві, а другий ні сном ні духом про це
|
|
||
| destroyTodo = (id) => { | ||
| this.setState(prevState => ({ | ||
| todos: prevState.todos.filter(todo => todo.id !== id), |
Demo