Ant设计组件-antd组件“ this”的内部功能未定义

时间:2019-07-09 10:39:27

标签: reactjs

我正在使用蚂蚁设计组件,内部组件功能“ this”未定义或丢失。因此,对于少数组件,我使用临时变量在数据更改时更改状态,我认为这不是更改/处理状态的正确方法我已经阅读过有关ant design和其他博客的文档,但找不到任何精确的解决方案。在这里,我要放置“确认”组件代码段。

  confirm({
            title: "Some thing i wanna do which i need to confirm",
            onOk() {
                //here i need this to change
                alert(this.state.RegisterDetail.FirstName);

            } ,
            onCancel() { }
        });

2 个答案:

答案 0 :(得分:0)

请尝试以下方法。这与内部确认方法不同,内部函数代表确认函数,而不是您的React类。

const onOk = this.functionThatCallAlert
confirm({
        title: "Some thing i wanna do which i need to confirm",
        onOk ,
        onCancel
});

答案 1 :(得分:0)

有时,您会得到一个模板,该模板具有已变形的对象属性。如果尚未定义,请尝试将其转换为import语句,如果仍未定义,请尝试将Ant作为节点模块或其他类型的导入或依赖项添加到您的项目中。

const { Categories, List, subtitle } = antd;

const { Step } = Steps;

const steps = [

进入:

import React from 'react';
import { Categories, List, subtitle } from 'antd';

const { Step } = Steps;

const steps = [