React 中的状态
React 中的状态
什么是状态?
状态允许您管理组件中的数据并且是私有的,这意味着它不能被外部组件访问。
状态被认为是一个对象,用于存储属于特定组件的属性值。当状态改变时,组件会重新渲染。 State 还允许您存储任意数量的属性。
从“反应”导入 { useState };
从“react-dom/client”导入 ReactDOM;
功能汽车(){
const [品牌,setBrand] = useState("福特");
const [model, setModel] = useState("Mustang");
const [年份, setYear] = useState("1964");
const [color, setColor] = useState("red");
返回 (
<>
<h1>我的{品牌}</h1>
<p>
它是来自 {year} 的 {color} {model}。
</p>
</>
)
}
const root = ReactDOM.createRoot(document.getElementById('root'));
根.渲染(<Car /> );
总是使用 setState() 方法来改变状态对象。这确保组件知道它已被更新并调用 render() 方法。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明