how to import CheckboxChangeEvent in my Typescript code

Question

I want to import the CheckboxChangeEvent interface into my typescript file. Although importing other antd elements is as simple as:

import {Checkbox} from 'antd'

... for the CheckboxChangeEvent after some grepping I resorted to doing:

import {CheckboxChangeEvent} from '../../../node_modules/antd/es/checkbox'

... where of course the number of parent path components (..) depends on how deep I am in my source tree structure. Regardless, this seems to be the only way to make it work.

I've tried:

import {CheckboxChangeEvent} from 'antd/checkbox'; 
import {CheckboxChangeEvent} from 'antd/checkbox/Checkbox';

... and some other permutations and they all fail.

Is there a better way?

if CheckboxChangeEvent is exported, may be webpack alias can do the trick? — Vishal Rajole
– Vishal Rajole, Commented Feb 19, 2021 at 16:28

masavo · Accepted Answer · 2022-09-08 02:11:12Z

2

success!

import type { CheckboxChangeEvent } from 'antd/es/checkbox'

https://github.com/ant-design/ant-design/blob/7bd78e7156e0101a6d635b174751b3b686a066ab/components/checkbox/demo/basic.md

answered Sep 8, 2022 at 2:11

masavo

213 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andreas Turku · Accepted Answer · 2021-02-19 16:05:48Z

0

This PR exports some common types, and it has a review comment that CheckboxChangeEvent should also be exported, but it was never done before PR completion.

https://github.com/ant-design/ant-design/pull/28963/files

answered Feb 19, 2021 at 16:05

Andreas Turku

4133 silver badges9 bronze badges

Collectives™ on Stack Overflow

how to import CheckboxChangeEvent in my Typescript code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related