mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-05-13 12:37:16 +08:00
Add typing for Transition children as function. (#27693)
This commit is contained in:
committed by
Sheetal Nandi
parent
67403cebf2
commit
45312d9c1b
2
types/react-transition-group/Transition.d.ts
vendored
2
types/react-transition-group/Transition.d.ts
vendored
@@ -16,6 +16,7 @@ export interface TransitionActions {
|
||||
exit?: boolean;
|
||||
}
|
||||
|
||||
export type TransitionChildren = React.ReactNode | ((status: string) => React.ReactNode);
|
||||
export interface TransitionProps extends TransitionActions {
|
||||
in?: boolean;
|
||||
mountOnEnter?: boolean;
|
||||
@@ -29,6 +30,7 @@ export interface TransitionProps extends TransitionActions {
|
||||
onExiting?: ExitHandler;
|
||||
onExited?: ExitHandler;
|
||||
[prop: string]: any;
|
||||
children?: TransitionChildren;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -51,6 +51,9 @@ const Test: React.StatelessComponent = () => {
|
||||
>
|
||||
<div>{ "test" }</div>
|
||||
</Components.Transition>
|
||||
<Components.Transition in timeout={500}>
|
||||
{(status) => <div>{status}</div>}
|
||||
</Components.Transition>
|
||||
|
||||
<Transition
|
||||
timeout={ { enter : 500, exit : 500 } }
|
||||
|
||||
Reference in New Issue
Block a user