Skip to content

Instantly share code, notes, and snippets.

@mk2
Forked from iamtmrobinson/custom-props.tsx
Created January 23, 2019 08:01
Show Gist options
  • Save mk2/9048b2d5da24164cbbb9abea8eeb1b44 to your computer and use it in GitHub Desktop.
Save mk2/9048b2d5da24164cbbb9abea8eeb1b44 to your computer and use it in GitHub Desktop.
Using custom props with a Redux form in Typescript
import * as React from 'react';
import {
Field as FormField,
InjectedFormProps,
reduxForm,
} from 'redux-form';
interface CustomProps {
customText: string;
}
class FormComponent extends React.Component<CustomProps & InjectedFormProps<{}, CustomProps>> {
render() {
const { handleSubmit, customText } = this.props;
return (
<form onSubmit={handleSubmit}>
<div>
<p>{customText}</p>
</div>
</form>
);
}
}
export const Form = reduxForm<{}, CustomProps>({
form: 'form',
})(FormComponent);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment