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' }));