React 一个状态控制多个弹框的打开和关闭

看烟火的鱼

于 2021-05-11 16:30:36 发布

阅读量1.3k

点赞数 1

文章标签： react

本文链接：https://blog.csdn.net/weixin_45336072/article/details/116660131

版权

本文探讨如何在React应用中使用状态管理，实现一个状态控制多个弹框的显示与隐藏。通过巧妙的组件设计和状态传递，可以高效地管理多个对话框的生命周期。

摘要由CSDN通过智能技术生成

import React from 'react'
import {
   Card,Button,Modal} from 'antd'
class testProduct extends React.Component {
   
  state = {
   
    showStatus:0,//标识添加/更新的确认框是否显示，0都不显示，1显示添加，2显示更新
  }
  //显示添加的确认框
  showAdd=()=>{
   
    this.setState({
   
      showStatus