Add typing for Transition children as function. (#27693)

This commit is contained in:
flushentitypacket
2018-08-01 14:35:53 -04:00
committed by Sheetal Nandi
parent 67403cebf2
commit 45312d9c1b
2 changed files with 5 additions and 0 deletions

View File

@@ -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;
}
/**

View File

@@ -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 } }