Skip to content

Commit 0ed8fda

Browse files
committed
Added 🏎 Downshift example
1 parent 2a73f74 commit 0ed8fda

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

README.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,8 @@ const MyForm = () => (
130130
* [Auto-Save on Field Blur](#auto-save-on-field-blur)
131131
* [Custom Validation Engine](#custom-validation-engine)
132132
* [Loading, Normalizing, Saving, and Reinitializing](#loading-normalizing-saving-and-reinitializing)
133+
* [🏎️ Downshift Type-Ahead](#-downshift-type-ahead)
134+
* [Redux Example](#redux-example)
133135
* [Rendering](#rendering)
134136
* [API](#api)
135137
* [`Field : React.ComponentType<FieldProps>`](#field--reactcomponenttypefieldprops)
@@ -327,6 +329,14 @@ Demonstrates how incredibly extensible `FormSpy`, the [`setFieldData` mutator](h
327329

328330
Demonstrates how to make a wrapper component to handle loading, normalization of data, saving, and reinitializing of the form, to maintain `pristine`/`dirty` state with saved data.
329331

332+
### [🏎️ Downshift Type-Ahead](https://codesandbox.io/s/qzm43nn2mj)
333+
334+
Demonstrates how to use a [🏎️ Downshift](https://github.com/paypal/downshift) type-ahead component as an input.
335+
336+
### [Redux Example](https://codesandbox.io/s/4xq2qpzw79)
337+
338+
The only reason to keep your 🏁 Final Form form data in Redux is if you need to be able to read it from outside your form. This example demonstrates how to use a `FormSpy` to keep a copy of your form data in the Redux store. Note that the canonical authoritative version of the data still lives in 🏁 Final Form. If you need to _mutate_ your data via dispatching Redux actions, you should probably use [Redux Form](https://redux-form.com).
339+
330340
## Rendering
331341

332342
There are three ways to tell `<Form/>` and `<Field/>` what to render:

0 commit comments

Comments
 (0)