专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
今天看啥  ›  专栏  ›  前端大全

React:我们的用法习惯可能是错误的

前端大全  · 公众号  · 前端  · 2024-05-14 10:20
作者: 代码艺术https://juejin.cn/post/7186080338689392696在我们React的日常开发中一些常用的写法,看似运行的很好,实际可能并不优雅。学习React并不是如何如何使用它,而是如何写出优雅,干净的代码。下面举一些例子,总结了一些React开发中不好的写法及相应更好的写法。(仅代表个人观点)过多的声明state问题一个组件中声明了过多的state,过多的setState方法。例如下面的这样:import { useState } from "react";export default function MoreState() { const [username, setUsername] = useState(""); const [age, setAge] = useState(""); const [gender, setGender] = useState(""); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [address, setAddress] = useState(""); const [city, setCity] = useState(""); const onSubmit = () => { // ... }; return ( type="text" name="username" placeholder="username" ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照