国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Vous pouvez créer votre remove 函數(shù)使用 狀態(tài)更新器功能，可以訪問最新的狀態(tài)值。這允許您在組件在 remove() 中重新渲染之前訪問新的 list statut.

Remarque?: Vous modifiez actuellement l'état d'origine en modifiant le isMounted 屬性設置為 false de l'objet imbriqué. Même si vous copiez le tableau, vous devez également copier l'objet en cours de mise à jour pour éviter les problèmes de rendu.

Voici quelques modifications sur la fa?on d'accéder à la dernière valeur de l'état et d'éviter les mutations d'état?:

const add = useCallback((params) => {
  const id = v4();
  const element = {...params, id, isMounted: true};
  setList(list => [...list, element]); // Add your new element while also making a copy of the current state (`list`)
  return id;
}, []);

const remove = useCallback((elementId) => {
  setList((list) =>
    list.map((elem) => elem.id === elementId 
      ? { ...elem, isMounted: false } 
      : elem
    )
  );
  setTimeout(() => {
    setList((list) => list.filter((elem) => elem.id !== elementId));
  }, 500);
}, []);

Voir exemple ci-dessous?: