react框架如何赋值
赋值方法
在React中，赋值操作通常涉及组件的状态（state）或属性（props）。以下是常见的赋值方式：
使用useState Hook管理状态
const [count, setCount] = useState(0);
// 赋值操作
setCount(5); // 直接赋值
setCount(prevCount => prevCount + 1); // 基于前值赋值类组件中的setState
this.setState({ count: 5 }); // 直接赋值
this.setState(prevState => ({
count: prevState.count + 1
})); // 基于前值赋值直接修改props（不推荐） React中props是只读的，直接修改会导致错误。应通过父组件传递回调函数来间接修改。
Ref的直接赋值
const inputRef = useRef(null);
// 赋值DOM引用
<input ref={inputRef} />
// 访问当前值
console.log(inputRef.current.value);注意事项
- 状态更新可能是异步的，连续调用
setState时建议使用函数式更新。 - 直接修改
this.state或useState的变量不会触发重新渲染。 - 复杂对象的状态更新需要展开运算符或深拷贝：
setUser(prev => ({ ...prev, name: 'New Name' }));
