当前位置: 首页> 汽车> 时评 > 手机能用的网站_1688app_进入百度app_网络营销的招聘信息

手机能用的网站_1688app_进入百度app_网络营销的招聘信息

时间:2025/7/12 2:10:43来源:https://blog.csdn.net/weixin_41987016/article/details/143449282 浏览次数: 0次
手机能用的网站_1688app_进入百度app_网络营销的招聘信息

1.类式组件写

import React, {Component} from 'react';export default class Demo extends Component {state = {count:0}add = () => {this.setState(state=>({count:state.count+1}))}render() {return (<div><h2>当前求和为{this.state.count}</h2><button onClick={this.add}>点我+1</button></div>);}
}

 2.函数式组件写的

import React from 'react';// 函数式组件
function Demo() {const [count,setCount] = React.useState(0)const [name,setName] = React.useState('tom')// 加的回调function add() {// setCount(count+1) // 第一种写法// setCount((count)=>{ // 第二种写法//     return count+1// })setCount(count=> count+1) // 第二种写法的简写方式}// 修改名字function changeName() {setName('jack')}return (<div><h2>当前求和为:{count}</h2><h2>我的名字为:{name}</h2><button onClick={add}>点我+1</button><button onClick={changeName}>点我改名</button></div>)
}export default Demo;
State Hook
(1)State Hook让函数组件也可以有state状态,并进行状态数据的读写操作做
(2)语法:const [xxx,setXxx] = React.useState(initValue)
(3)useState()说明:参数:第一次初始化指定的值在内部作缓存返回值:包含2个元素的数组,第一个为内部当前状态值,第二个为更新状态值的函数
(4)setXxx()2种写法:setXxx(newValue):参数为非函数值,直接指定新的状态值,内部用其覆盖原来的状态值setXxx(value => newValue):参数为函数,接收原来的状态值,返回新的状态值,内部用其覆盖原来的状态值
关键字:手机能用的网站_1688app_进入百度app_网络营销的招聘信息

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: