Reactjs React hooks-更新状态不重新呈现

使用以下

useffect

hook，除非用户触摸屏幕，或者即使我们在效果下放置

console.log

，否则不会呈现更新的状态（如下面的代码段所示）：

 export const ExerciseForm = ({
  definition: { id },
}: {
  definition: ExerciseDefinition;
}) => {
  const initialSet: Set[] = [{ reps: 0, value: 5 }];
  const [sets, setSets]: [Set[], Dispatch<Set[]>] = useState(initialSet);

  // Reset form if definition ID changes
  useEffect(() => {
    setSets(initialSet);
  }, [id]);

  // Uncommenting this will make it the rerender work??
  // console.log('id', id);