基础使用
useState 是一个 React Hook(函数),它允许我们向组件添加一个状态变量, 从而控制影响组件的渲染结果和普通JS变量不同的是,状态变量一旦发生变化组件的视图UI也会跟着变化(数据驱动视图)
useState类似一个java的实体类,实体类通过set方法来改变对象属性值
function App(){ //count是变量,setCount是设置变量的值,React.useState(0)设置count为0 const [ count, setCount ] = React.useState(0) return ( setCount(count+1)}>{ count } ) }
状态的修改规则
在React中状态被认为是只读的,我们应该始终替换它而不是修改它, 直接修改状态不能引发视图更新
修改对象状态
对于对象类型的状态变量,应该始终给set方法一个全新的对象 来进行修改,不能修改对象的属性
组件的基础样式处理
React组件基础的样式控制有俩种方式,行内样式和class类名控制
{ color:'red'}}>this is div
.foo{ color: red; }
import './index.css' function App(){ return ( this is span ) }
文章版权声明:除非注明,否则均为VPS857原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...