在使用useState时，需要注意以下几点：

1. useState的初始值只会在组件的初始渲染中使用，后续更新中不会使用。因此，应该避免在useState中使用需要计算的变量或函数，因为每次更新组件时都会重新计算初始值，导致不必要的性能开销和可能的循环问题。
2. 使用函数更新状态时，要确保只依赖于当前状态和props，避免使用外部的可变变量或函数，会导致不必要的性能开销和可能的循环问题。
3. 使用异步更新状态时，要使用函数形式，确保更新是基于最新的状态进行的，避免不必要的循环问题。

示例代码： 避免在useState中使用可变变量或函数：

// 错误示例 const [count, setCount] = useState(0); const multiplier = 2;

function handleClick() { setCount(count * multiplier); }

// 正确示例 const [count, setCount] = useState(0);

function handleClick() { setCount(count => count * 2); }

避免在函数式组件渲染中有副作用：

// 错误示例 const [count, setCount] = useState(0);

useEffect(() => { document.title = You clicked ${count} times; setCount(count + 1); });

// 正确示例 const [count, setCount] = useState(0);

useEffect(() => { document.title = You clicked ${count} times; }, [count]);

使用函数形式的异步更新状态：

// 错误示例 const [count, setCount] = useState(0);

function handleClick() { setTimeout(() => { setCount(count + 1); }, 1000); }

// 正确示例 const [count, setCount] = useState(0);

function handleClick