以下代码片段中，为什么使用useEffect是不必要的？
以下代码片段中，为什么使用useEffect是不必要的？
function Form() {
const [firstName, setFirstName] = useState('Taylor');
const [lastName, setLastName] = useState('Swift');
const [fullName, setFullName] = useState('');
useEffect(() => {
setFullName(firstName + ' ' + lastName);
}, [firstName, lastName]);
// ...
}
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
因为fullName可以根据firstName和lastName在渲染期间直接计算得出。将fullName存储在状态中并通过useEffect来更新它会导致不必要的重新渲染和额外的性能开销。相反，可以直接在渲染期间计算fullName，如下所示：
function Form() { const [firstName, setFirstName] = useState('Taylor'); const [lastName, setLastName] = useState('Swift'); const fullName = firstName + ' ' + lastName; // ... }2024-05-27 21:59:53赞同 1 展开评论
相关问答