学react之前必须要掌握的js或ES6基础有哪些

必须掌握的（不会会卡住）

1. JS&React解构赋值

// 数组解构 → useState 就是这个
const [count, setCount] = useState(0)

// 对象解构 → Props 就是这个
function Card({ title, desc }) { ... }

2. 展开运算符 ...

// 复制对象（useState 更新对象必用）
setUser(prev => ({ ...prev, age: 20 }))

// 复制数组
setItems(prev => [...prev, newItem])

3. 箭头函数

// React 里几乎不用 function 关键字
const add = (a, b) => a + b
items.map(item => <li>{item}</li>)

4. 数组方法

// 这三个 React 天天用
.map()      // 列表渲染
.filter()   // 删除/筛选
.find()     // 查找某项

5. 模板字符串

// 动态 className 必用
<div className={`btn ${active ? "active" : ""}`}>

6. 三元运算符

// React 条件渲染的标准写法
{isLogin ? <Dashboard /> : <Login />}

7. 短路运算 &&

// 显示/隐藏组件
{isLoading && <Spinner />}

8. 可选链 ?.

// API 数据还没回来时防报错
<p>{user?.name}</p>

---

理解了更好的（不会也能学，遇到再补）

9. Promise / async await

// useEffect 里请求 API
useEffect(() => {
  async function load() {
    const res = await fetch("/api")
    const data = await res.json()
    setData(data)
  }
  load()
}, [])

10. 模块 import / export

// React 组件的基础
export default function Card() { ... }
import Card from "./Card"

---

不需要提前学的

不用学	原因
this / class	React 现在全用函数组件
prototype	React 不涉及
DOM 操作	React 帮你做了
var	只用 const / let

---

你现在的状态

从你之前的问题来看，这些你基本都见过了。真正需要刻意练习的只有：

解构 + 展开运算符 + map/filter

这三个搞熟，React 90% 的代码都能看懂。

---

想针对某个做个练习题，还是直接继续 React 实战？