2024-7-22 (todoList增删改)

81 阅读1分钟

image.png

多个setCount(count + 1); 会被合并

多个setCount(count => count + 1); 不会被合并

新增state列表项concat

删除state列表项filter

修改state列表项map

const addItem = () => {
    setList(
      list.concat({
        id: `p${list.length + 1}`,
        name: inputRef.current?.value || "",
        isPublished: false,
      })
    );
  };
  const delItem = (id: string) => {
    setList(list.filter((item) => item.id !== id));
  };
  const publish = (id: string) => {
    setList(
      list.map((item) =>
        item.id !== id
          ? item
          : {
              ...item,
              isPublished: true,
            }
      )
    );
  };