无法在Ant Modal中访问this.setState或this.state确认确定/取消功能
在Ant Modal中无法直接访问this.setState或this.state的原因是，Modal组件是通过React的Portal机制将其渲染到DOM树的其他位置，而不是直接作为组件的子元素。因此，在Modal组件中无法直接访问父组件的状态或方法。
要在Ant Modal中实现确认/取消功能，可以采取以下几种方式：
- 使用React的Context API：通过创建一个Context，在父组件中定义状态和方法，并通过Context.Provider将其传递给Modal组件。在Modal组件中，使用Context.Consumer来访问父组件的状态和方法，从而实现确认/取消功能。
- 使用回调函数：在父组件中定义一个回调函数，将其作为props传递给Modal组件。在Modal组件中，通过调用该回调函数来更新父组件的状态，从而实现确认/取消功能。
- 使用Redux或MobX等状态管理库：在父组件中使用状态管理库来管理状态，并将状态和相关的操作方法通过props传递给Modal组件。在Modal组件中，通过调用相关的操作方法来更新状态，从而实现确认/取消功能。
无论采用哪种方式，都需要在父组件中定义状态和相关的操作方法，并将其传递给Modal组件。具体的实现方式可以根据项目需求和个人偏好进行选择。
关于Ant Design的相关组件和文档，可以参考腾讯云的Ant Design官方文档：https://ant.design/components/modal-cn/
相关·内容
我在onCancel/onOk函数中访问this.state和this.setState时遇到了问题。我想在确认或取消弹出模式后修改状态。如果有人有不同的方法，你的指导将是有帮助的。import React from 'react';
class ExampleClass extends React.Comp
浏览 31提问于2020-09-05得票数 3
回答已采纳
4回答
这是构成部分：const ContactCard = ({contact, onFormSubmit}) => {
onFormSubmit(contact); if (this.state.m
浏览 0提问于2018-10-18得票数 0
回答已采纳
1回答
如何从函数中调用类
、、、
提前感谢import axios from 'axios';const instance = axios.create({ timeout: 15000,
instance.defaults.headers.common['Authori
浏览 0提问于2018-10-01得票数 1
目前，我正在尝试制作反应中的模态，并希望形成一个网格，其中“按钮1”显示“模态1”，“按钮2”显示“模态2”等等。当我按下按钮显示一个模态时，它同时显示模态1和模态2。/main.css'; state = { };
showModal= x =
浏览 2提问于2019-10-28得票数 1
回答已采纳
我想从我的React应用程序的不同组件中打开一个Modal，比如'modal for user login‘。例如:我希望从A.js、B.js和C.js打开模式。所以我制作了一个新的组件ModalWindow.js，其中包含了模态，并将其导入到A.js、B.js和C.js中。现在的问题是，我必须在所有3个组件中维护状态showModal: false，以便Modal显示/隐藏。是不是我必须保持一个单一的状态。
一种方法是在父组件中维
浏览 4提问于2016-09-28得票数 6
回答已采纳
用户可以通过单击右上角的"X“或单击”关闭“按钮来关闭或取消编辑。当模式关闭时，我想清除的状态属性包括对话框属性和父组件属性。对话框属性是在没有任何问题的情况下更新的，但是当尝试更新父属性时我会收到此错误：
super(props);
浏览 5提问于2020-09-29得票数 0
回答已采纳
这是我的DeleteModal constructor(props) { this.state= { };
}
this.setState这样我就可以知道已经点击了删除确认。}
handleDeleteClick是调用模型的方法，我
浏览 0提问于2019-07-17得票数 0
我知道我可以在passProps中使用navigator，但是我只想使用一个模态来实现这个目的。_showAddNewModal.bind(this);
addNewShow: false, this.setState({addNewShow: true});}class MyModalContents extend
浏览 0提问于2016-08-05得票数 0
1回答
我有一个FlatList和一个ListItem，所以特定行的onPress可以在ListTrips组件中获取数据。如下面在我的console.warn中所示，它将打印所选项目的数据。然而，在我的ModalConfirmTrip.js中，我无法访问该项目。我的问题是如何在组件B中访问它？我试过玩弄道具和状态，但似乎做不到。{ locatonTo: '',
浏览 1提问于2018-11-25得票数 1
回答已采纳
1回答
如果我使用Redux，我将创建一个变量为isVisible，并通过将值设置为true或false来控制它。但是，如果我不使用Redux，我就不能解决下面解释的问题。主模态功能： };
浏览 0提问于2019-08-03得票数 0
回答已采纳
name: '', modalVisible: falsetriggerModal() { onPress={this.save} </View> }在DisplayModal.js中，它是一个函数组件，它显示一
浏览 1提问于2019-05-09得票数 0
回答已采纳
2回答
React.Component<any, any> { super(); showModal: falsemodalState () { return stateRef["showModal"]; Header &
浏览 5提问于2017-04-16得票数 4
回答已采纳
2回答
具有删除功能的React模式
、、、、
我有一个应用程序，显示一个项目的列表中的行。每一项都有一个相应的删除按钮。当我单击它时，它会显示一个带有确认的模式。当我点击“取消”时，操作就被取消了。当我点击‘确认’模式时，如下所示：到目前为止，我得到的只是显示模式，与本文中的相同：
我需要使用Redux吗？或者，是否有一些用于确认对话框的库？
我的代码：
浏览 5提问于2017-10-20得票数 0
在Spring引导代码中，我添加了一个抛出异常，而不是返回值，因此我的react代码应该转到空白表的默认设置中。我得到了一个错误本地主机:3000
const getIndicatorIcon = () => <L
浏览 2提问于2020-06-23得票数 0
如何从另一个函数访问lambda函数的参数？ 我正在尝试从handleClick函数访问在render={...}中创建的formikBag的值。我首先尝试使用useState钩子来设置状态，然后访问它，但我得到了undefined。
浏览 7提问于2019-05-10得票数 0
回答已采纳
假设我在一个组件中有一个Modal，并且我想在单击某些按钮时显示该Modal： ...<Modal visilble={this.state.visible} } fetch(...).then(res => {
this.set
浏览 7提问于2019-04-14得票数 3
1回答
通过从类组件内部传递切换模态方法，我在激活模态时遇到了一些问题。我的导航栏作为我的功能组件，类组件中的状态位于底部。看起来它们是相连的，但是onClick似乎并没有激活我的模式。我认为，如果与状态一起使用该方法，将允许访问它并将其作为支柱传递，因此，onClick={props.modal.toggleModal在下面，在我看来，它会将状态更改为“真”吗？) constructor(props){
super(
浏览 1提问于2020-11-03得票数 0
回答已采纳
2回答
我正在尝试创建一个简单的配置对话框，在右上角有一个关闭的图标，但是我想不出如何在React中处理这个问题。在其他框架中，我可以简单地使用选择器，然后使用.showModal()/close()打开/关闭对话框。但是，我认为我们不允许，或者不建议直接操作DOM，所以我想知道在这种情况下，正确的方法是什么。
浏览 0提问于2018-09-19得票数 2
回答已采纳
在“我的客户”视图中，有一个包含“编辑”和“删除”按钮的客户列表。在“删除”按钮上，单击“我要打开视图”并将一个字符串"customer“传递给Delete.js。在“删除”中，如果用户单击“删除”或“取消”按钮，将返回true或false值，则要检查“删除”视图中的字符串值。在客户中检查价值并执行任务import { Table, Button }
浏览 2提问于2020-03-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
