当在 useState 或 useEffect 中不设置新状态时，会导致组件进行额外的重新渲染。这种情况通常发生在以下场景中：

1. 在 useState 中只是简单地返回了当前状态：

const [count, setCount] = useState(0);

const handleClick = () => {
  setCount(count); // 不设置新的状态
};

// ...

Increase Count

2. 在 useEffect 中没有传入依赖项数组，导致每次渲染都会触发副作用函数：

useEffect(() => {
  console.log("Component rendered"); // 不设置新的状态
});

为了解决这个问题，我们可以采取以下措施：

1. 在 useState 中使用回调函数来更新状态，而不是直接传递当前状态值。这样可以确保新的状态值是基于先前的状态进行更新的：

const [count, setCount] = useState(0);

const handleClick = () => {
  setCount(prevCount => prevCount); // 使用回调函数更新状态
};

// ...

Increase Count

2. 在 useEffect 中传入依赖项数组，以限制副作用函数的触发次数：

useEffect(() => {
  console.log("Component rendered"); // 设置一个空的依赖项数组
}, []);

通过采取这些措施，我们可以避免不必要的重新渲染，并优化组件的性能。