时间戳

首页 > 解决方案 > Ant Design Components - antd 组件“this”的内部功能未定义

reactjs - Ant Design Components - antd 组件“this”的内部功能未定义

问题描述

我正在使用 ant 设计组件，组件内部功能“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() { }
        });

标签： reactjs

解决方案

有时你会得到一个带有解构对象属性的模板。如果未定义，请尝试将其转换为导入语句，如果仍未定义，请尝试将 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 = [

推荐阅读