the DOM won't update even signal was changed?

[maxpayne2046]

i am start learning SolidJS, I try many many times, but don't know while toggle che checkbox , the DOM won't update.

[atk]

The error is in toggleTodo. You're supposed to do it like this:

setTodos(todos.findIndex(t => t.id === id), 'completed', (c) => !c);

[maxpayne2046]

thank you ,Alex. but i don't get the point. the setTodos function can only accept 1 parameter,(either new value or callback func), right? i copy your code ,but I can't get it run. :-(

[maxpayne2046]

let copys = [...todos()];
for (let todo of copys) {
  if (todo.id === id) {
    todo.completed = !todo.completed;
  }
}
setTodos(copys);

this one won't work ,neither.(i copy the values from getter to tmp , and modity it ,i print out to the console.log , tmp value is correct, but fail to pass to setter func? )

[atk]

Ah, I overlooked that you used createSignal instead of createStore. My bad.

[maxpayne2046]

ok,thanks Alex.I have no knowleadge about createStore, i am beginner. because createSignal can't track the change of deep nested objects,right?

[atk]

Exactly.

[maxpayne2046]

const toggleTodo = (id) => {
let curTodos = todos();
let i = curTodos.findIndex((t) => t.id === id);
curTodos[i] = { id: id, text: curTodos[i].text, completed: !curTodos[i].completed };
setTodos([...curTodos]);
};

finally It works. have to remove old object and new one,can't simplely dirty the old data. thanks alex.

[maxpayne2046]

i try createStore, next time,