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 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/36052/08411408

posted @ 2022-09-14 08:10  哈哈哈来了啊啊啊  阅读(29)  评论(0编辑  收藏  举报