当前位置:   article > 正文

react hook 之useState_const [uploading, setuploading] = usestate

const [uploading, setuploading] = usestate(false)什么意思

react hook 之useState 

此为typescript版本

  1. import { useState } from 'react';
  2. const TestCom: React.FC = (props) => {
  3. const [loading, setLoading] = useState<boolean>(false);
  4. // setLoading就是改变loading值的方法
  5. return (
  6. <div>
  7. <button onClick={()=>{setLoading(true)}}>点击改变loading值</button>
  8. </div>
  9. )
  10. }

react class组件版本

  1. import React from 'react'
  2. class TestCom extends React.Component {
  3. state = {
  4. loading: false
  5. }
  6. // 修改状态数据的值
  7. handlerChange=()=>{
  8. this.setState({
  9. loading: true
  10. })
  11. }
  12. // 模版
  13. render() {
  14. <div>
  15. <p>{this.state.loading}</p>
  16. <button onClick={this.handlerChange}>handlerChange</button>
  17. </div>
  18. }
  19. }

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号