以下是个人收集总结的一些使用 react 的小技巧第二篇。五. 高效的状态管理27. 永远不要为可以从其他 state 或 props 派生的值创建新的 statestate 越多 = 麻烦越多。每个 state 都可能触发重新渲染,并使重置 state 变得麻烦。因此,如果可以从 state 或 props 中派生出值,则跳过添加新的 state。不好的做法:filteredUsers 不需要处于 state 中。const FilterUserComponent = ({ users }) => {
const [filters, setFilters] = useState([]);
// 创建了新的state
const [filteredUsers, setFilteredUsers] = useState([]);
const filterUsersMethod = (filters, users) => {
// 过滤逻辑方法
};
useEffect(() => {
setFilteredUsers(filterUsersMethod(filters, users));
}, [users, filters]);
return ({filteredUsers.length > 0 &&});
};推荐做法: fi
...
继续阅读
(63)