kylefang/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/zhigang1992/DefinitelyTyped.git synced 2026-06-05 20:02:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #21076 from Pajn/recompose-lifecycle

Browse Source 
recompose: Support instance properties in lifecycle object
This commit is contained in:
Nathan Shively-Sanders
2017-11-14 12:56:23 -08:00
committed by GitHub
parent 789245a7d7 96bbf2d34b
commit a645d37533
2 changed files with 32 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
types/recompose/index.d.ts vendored
View File

@@ -216,7 +216,7 @@ declare module 'recompose' {
contextTypes: ValidationMap<TContext>
) : InferableComponentEnhancer<TContext>;
interface ReactLifeCycleFunctionsThisArguments<TProps, TState> {
interface _ReactLifeCycleFunctionsThisArguments<TProps, TState> {
props: TProps,
state: TState,
setState<TKeyOfState extends keyof TState>(f: (prevState: TState, props: TProps) => Pick<TState, TKeyOfState>, callback?: () => any): void;
@@ -228,20 +228,22 @@ declare module 'recompose' {
[key: string]: React.ReactInstance
};
}
type ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance = {}> =
_ReactLifeCycleFunctionsThisArguments<TProps, TState> & TInstance
// lifecycle: https://github.com/acdlite/recompose/blob/master/docs/API.md#lifecycle
interface ReactLifeCycleFunctions<TProps, TState> {
componentWillMount?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>) => void;
componentDidMount?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>) => void;
componentWillReceiveProps?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>, nextProps: TProps) => void;
shouldComponentUpdate?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>, nextProps: TProps, nextState: TState) => boolean;
componentWillUpdate?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>, nextProps: TProps, nextState: TState) => void;
componentDidUpdate?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>, prevProps: TProps, prevState: TState) => void;
componentWillUnmount?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState>) => void;
interface ReactLifeCycleFunctions<TProps, TState, TInstance = {}> {
componentWillMount?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>) => void;
componentDidMount?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>) => void;
componentWillReceiveProps?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>, nextProps: TProps) => void;
shouldComponentUpdate?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>, nextProps: TProps, nextState: TState) => boolean;
componentWillUpdate?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>, nextProps: TProps, nextState: TState) => void;
componentDidUpdate?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>, prevProps: TProps, prevState: TState) => void;
componentWillUnmount?: (this: ReactLifeCycleFunctionsThisArguments<TProps, TState, TInstance>) => void;
}
export function lifecycle<TProps, TState>(
spec: ReactLifeCycleFunctions<TProps, TState>
export function lifecycle<TProps, TState, TInstance = {}>(
spec: ReactLifeCycleFunctions<TProps, TState, TInstance> & TInstance
): InferableComponentEnhancer<{}>;
// toClass: https://github.com/acdlite/recompose/blob/master/docs/API.md#toClass
@@ -365,7 +367,7 @@ declare module 'recompose' {
export function createEventHandler<T, TSubs extends Subscribable<T>>(): EventHandlerOf<T, TSubs>;
// createEventHandlerWithConfig: https://github.com/acdlite/recompose/blob/master/docs/API.md#createEventHandlerWithConfig
export function createEventHandlerWithConfig(config: ObservableConfig):
export function createEventHandlerWithConfig(config: ObservableConfig):
<T, TSubs extends Subscribable<T>>() => EventHandlerOf<T, TSubs>;
// setObservableConfig: https://github.com/acdlite/recompose/blob/master/docs/API.md#setObservableConfig

18
types/recompose/recompose-tests.tsx
View File

@@ -289,3 +289,21 @@ function testOnlyUpdateForKeys() {
// This should be a compile error
// onlyUpdateForKeys<Props>(['fo'])(component)
}
function testLifecycle() {
interface Props {
foo: number;
bar: string;
}
interface State {}
interface Instance {
instanceValue: number
}
const component: React.StatelessComponent<Props> = (props) => <div>{props.foo} {props.bar}</div>
lifecycle<Props, State, Instance>({
instanceValue: 1,
componentDidMount() {
this.instanceValue = 2
}
})(component)
}