react class改hooks写法

news/2024/7/15 17:23:24 标签: react.js, javascript, 前端

类头修改

export default class EditUseTable extends Component 

改为

export default function EditUseTable({})

参数修改

constructor(props) {
    super(props)
    const {
      dbRecord, type, currentRecord, readOnly, updateTaxAmount
    } = this.props

改为(主函数的参数)

export default function EditUseTable({
  dbRecord, type, currentRecord, readOnly, updateTaxAmount
  })

状态修改

this.state = {
      tableList: currentRecord?.bookList || [],
      visible: false,
      readOnly: readOnly,
      type: type,
      indexDbId: dbRecord.indexDbId,
      projectId: dbRecord.projectId,
      hasCostIndex: false,
    }

改为(不需要修改的状态直接去掉,直接用props参数就行)

    const [tableList,setTableList]=useState(currentRecord?.bookList || [])
    const [visible,setVisible]=useState(false)
    const [has

http://www.niftyadmin.cn/n/5182093.html

相关文章

Java学习之路 —— API篇

文章目录 前言Object类2. Objects类3. 包装类4. StringBuilder和StringBuffer5. StringJoiner6. Math7. System8. JDK8开始新增的日期、时间9. Arrays10. Lambda表达式11. 方法引用 前言 其实转语言来说,语法都比较简单,花个三天就会了,但最…

7-1 进步排行榜

7-1 进步排行榜 分数 10 作者 黄龙军 单位 绍兴文理学院 假设每个学生信息包括“用户名”、“进步总数”和“解题总数”。解题进步排行榜中,按“进步总数”及“解题总数”生成排行榜。要求先输入n个学生的信息;然后按“进步总数”降序排列;若…

【kafka】 查看节点的消息

对于初学者来说,可能想去节点看看有没有消息产生和消费,可以去kafka的bin目录下执行这个命令: kafka-console-consumer.bat --bootstrap-server localhost:9092 --topic myTopic --from-beginning 这个命令可以理解为:生产过的消…

ceph集群移除物理节点

1. 概述 ceph分布式存储在生产或者实验环境,经常涉及到物理节点加入或者删除,本文仅对移除物理节点的相关步骤做了操作记录,以方便需要时查阅。 2. 移除物理节点 2.1 out掉相应osd 操作之前通过ceph -s确保整个集群状态是OK的,…

APM系列之四-原理篇-监听应用前后台切换

前言 本篇属于APM系列的第四篇,主要讲如果通过一个三方应用去监控系统中所有应用的前后台切换,以及获取位于屏幕前台的Activity。 为什么要监听所有应用的前后台切换呢?这么做主要有两个目的: 1.检测用户使用某个应用的时长&am…

【Liunx】部署WEB服务:Apache

【Liunx】部署WEB服务:Apache 概述Apache1.介绍2.Apache文件路径3.Apache详解(1)安装Apache(2)启动Apache(3)配置文件a.Apache主配置文件:vim /etc/httpd/conf/httpd.conf信息:b.基于主机头的虚拟主机 (4)开始演示:a.新建两个网站根目录b.分别…

十大适合外贸企业邮箱的Gmail替代品推荐

电子邮件仍然是许多人选择的媒介,因为它是交换信息的最可靠和正式的方法。无论是个人还是小型企业,电子邮件仍然是个人和专业用途的重要通信工具。它提供了一种安全、可靠且正式的方法来交换信息和文档以及共享文件。 对于大多数人来说,Googl…

Flutter中的mixin是什么?

在 Flutter 中,mixin 是一个特殊的编程结构,用于在多个类中重用代码。Mixin 类似于类,但它们不是为了创建新的实例,而是为了被其他类 “混入” 或 “合并”,从而添加新的功能或属性。这在 Flutter 开发中特别有用&…