Skip to content

Instantly share code, notes, and snippets.

@evandertino
Forked from iamtmrobinson/custom-props.tsx
Created April 27, 2020 15:14
Show Gist options
  • Save evandertino/5f9ba3ebc5a5a46b6bd56052c1843a64 to your computer and use it in GitHub Desktop.
Save evandertino/5f9ba3ebc5a5a46b6bd56052c1843a64 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