问题一：以下代码片段中，为什么使用useEffect是不必要的？
function Form() {
const [firstName, setFirstName] = useState('Taylor');
const [lastName, setLastName] = useState('Swift');
const [fullName, setFullName] = useState('');
useEffect(() => {
setFullName(firstName + ' ' + lastName);
}, [firstName, lastName]);
// ...
}
以下代码片段中，为什么使用useEffect是不必要的？
function Form() {
const [firstName, setFirstName] = useState('Taylor');
const [lastName, setLastName] = useState('Swift');
const [fullName, setFullName] = useState('');
useEffect(() => {
setFullName(firstName + ' ' + lastName);
}, [firstName, lastName]);
// ...
}
参考回答：
因为fullName可以根据firstName和lastName在渲染期间直接计算得出。将fullName存储在状态中并通过useEffect来更新它会导致不必要的重新渲染和额外的性能开销。相反，可以直接在渲染期间计算fullName，如下所示：
function Form() { const [firstName, setFirstName] = useState('Taylor'); const [lastName, setLastName] = useState('Swift'); const fullName = firstName + ' ' + lastName; // ... }
关于本问题的更多回答可点击原文查看：https://developer.aliyun.com/ask/629553
问题二：非state数据是否可以在useEffect中使用？
非state数据是否可以在useEffect中使用？
参考回答：
不可以。useEffect主要用于处理副作用，这些副作用通常涉及与外部系统的交互，如网络请求、DOM操作等。非state数据（即不是通过useState、useReducer等Hooks管理的数据）通常不会触发React的重新渲染，因此在useEffect中使用它们不会达到预期的效果。如果你需要根据非state数据执行某些操作，可能需要考虑其他方法或Hooks，如useRef或自定义Hook。
关于本问题的更多回答可点击原文查看：https://developer.aliyun.com/ask/629554
问题三：如何判断一次计算是否昂贵？
如何判断一次计算是否昂贵？
参考回答：
一般而言，除非需要创建或遍历数千个对象，否则计算可能并不昂贵。如果记录的总时间加起来很大（比如 1 毫秒或更多），那么记住该计算可能是有意义的。可以使用console.time和console.timeEnd来测算执行时间。
关于本问题的更多回答可点击原文查看：https://developer.aliyun.com/ask/629555
问题四：在TodoList组件中，为什么直接使用getFilteredTodos函数计算visibleTodos比使用useState和useEffect更好？
在TodoList组件中，为什么直接使用getFilteredTodos函数计算visibleTodos比使用useState和useEffect更好？
参考回答：
如果getFilteredTodos函数的执行时间并不长，那么直接在渲染期间计算visibleTodos是更好的选择。这避免了不必要的状态更新和组件重新渲染，使代码更快、更简单且更不容易出错。
关于本问题的更多回答可点击原文查看：https://developer.aliyun.com/ask/629556
问题五：在TodoList组件中，如果getFilteredTodos函数执行得很慢，应该如何使用useMemo来优化？
在TodoList组件中，如果getFilteredTodos函数执行得很慢，应该如何使用useMemo来优化？
参考回答：
可以使用useMemo来缓存其计算结果。这样，只有当todos或filter发生变化时，才会重新执行getFilteredTodos函数。这有助于避免不必要的计算和渲染，提高组件性能。
关于本问题的更多回答可点击原文查看：https://developer.aliyun.com/ask/629557
