Skip to content

Commit d4c671a

Browse files
LanttcatLanttcat
committed
docs: update render method's params of react form hook
1 parent 935e460 commit d4c671a

File tree

2 files changed

+22
-22
lines changed

2 files changed

+22
-22
lines changed

‎docs/3.0.x/react-hooks-forms.md

+11-11
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ function FormHookExample() {
2929
<FormControl.Label>First Name</FormControl.Label>
3030
<Controller
3131
control={control}
32-
render={({ onChange, onBlur, value }) => (
32+
render={({field: { onChange, onBlur, value }}) => (
3333
<Input
3434
onBlur={onBlur}
3535
placeholder="John"
@@ -49,7 +49,7 @@ function FormHookExample() {
4949
<FormControl.Label>Last Name</FormControl.Label>
5050
<Controller
5151
control={control}
52-
render={({ onChange, onBlur, value }) => (
52+
render={({field: { onChange, onBlur, value }}) => (
5353
<Input
5454
onBlur={onBlur}
5555
placeholder="Doe"
@@ -68,7 +68,7 @@ function FormHookExample() {
6868
<FormControl.Label>Age</FormControl.Label>
6969
<Controller
7070
control={control}
71-
render={({ onChange, onBlur, value }) => (
71+
render={({field: { onChange, onBlur, value }}) => (
7272
<Input
7373
onBlur={onBlur}
7474
placeholder="24"
@@ -128,7 +128,7 @@ function FormHookCheckboxExample() {
128128
<FormControl.Label>Hobbies</FormControl.Label>
129129
<Controller
130130
control={control}
131-
render={({ onChange }) => (
131+
render={({field: { onChange }}) => (
132132
<Checkbox.Group
133133
onChange={(values) => {
134134
onChange(values);
@@ -179,7 +179,7 @@ function FormHookCheckboxExample() {
179179
<FormControl.Label>Gender</FormControl.Label>
180180
<Controller
181181
control={control}
182-
render={({ onChange }) => (
182+
render={({field: { onChange }}) => (
183183
<Radio.Group
184184
name="gender"
185185
flexDirection="row"
@@ -240,7 +240,7 @@ function FormHookSelectExample() {
240240
<FormControl.Label>Fav language:</FormControl.Label>
241241
<Controller
242242
control={control}
243-
render={({ onChange, value }) => (
243+
render={({field: { onChange, value }}) => (
244244
<Select
245245
placeholder="Pick language"
246246
selectedValue={value}
@@ -308,7 +308,7 @@ function FormHookSliderExample() {
308308
<FormControl.Label>Amount you like NativeBase</FormControl.Label>
309309
<Controller
310310
control={control}
311-
render={({ onChange, value }) => (
311+
render={({field: { onChange, value }}) => (
312312
<Slider onChange={(val) => onChange(val)} defaultValue={value}>
313313
<Slider.Track>
314314
<Slider.FilledTrack />
@@ -363,7 +363,7 @@ function FormHookTextareaExample() {
363363
<FormControl.Label>What do you think?</FormControl.Label>
364364
<Controller
365365
control={control}
366-
render={({ onChange, value }) => (
366+
render={({field: { onChange, value }}) => (
367367
<TextArea
368368
placeholder="TextArea"
369369
onChangeText={(val) => onChange(val)}
@@ -417,7 +417,7 @@ function FormHookSwitchExample() {
417417
<FormControl.Label>Remenber me:</FormControl.Label>
418418
<Controller
419419
control={control}
420-
render={({ onChange, value }) => (
420+
render={({field: { onChange, value }}) => (
421421
<Switch
422422
onToggle={(val: boolean) => onChange(val)}
423423
isChecked={value}
@@ -474,7 +474,7 @@ function FormHookNumberInputExample() {
474474
<FormControl.Label>Current Native Base Version:</FormControl.Label>
475475
<Controller
476476
control={control}
477-
render={({ onChange, value }) => (
477+
render={({field: { onChange, value }}) => (
478478
<NumberInput
479479
onChange={(val: any) => onChange(val)}
480480
defaultValue={value}
@@ -534,7 +534,7 @@ function FormHookPinInputExample() {
534534
<FormControl.Label>OTP:</FormControl.Label>
535535
<Controller
536536
control={control}
537-
render={({ onChange, value }) => (
537+
render={({field: { onChange, value }}) => (
538538
<PinInput onChange={(val: any) => onChange(val)} value={value}>
539539
<PinInputField />
540540
<PinInputField />

‎docs/3.1.x/react-hooks-forms.md

+11-11
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ function FormHookExample() {
2929
<FormControl.Label>First Name</FormControl.Label>
3030
<Controller
3131
control={control}
32-
render={({ onChange, onBlur, value }) => (
32+
render={({field: { onChange, onBlur, value }}) => (
3333
<Input
3434
onBlur={onBlur}
3535
placeholder="John"
@@ -49,7 +49,7 @@ function FormHookExample() {
4949
<FormControl.Label>Last Name</FormControl.Label>
5050
<Controller
5151
control={control}
52-
render={({ onChange, onBlur, value }) => (
52+
render={({field: { onChange, onBlur, value }}) => (
5353
<Input
5454
onBlur={onBlur}
5555
placeholder="Doe"
@@ -68,7 +68,7 @@ function FormHookExample() {
6868
<FormControl.Label>Age</FormControl.Label>
6969
<Controller
7070
control={control}
71-
render={({ onChange, onBlur, value }) => (
71+
render={({field: { onChange, onBlur, value }}) => (
7272
<Input
7373
onBlur={onBlur}
7474
placeholder="24"
@@ -128,7 +128,7 @@ function FormHookCheckboxExample() {
128128
<FormControl.Label>Hobbies</FormControl.Label>
129129
<Controller
130130
control={control}
131-
render={({ onChange }) => (
131+
render={({field: { onChange }}) => (
132132
<Checkbox.Group
133133
onChange={(values) => {
134134
onChange(values);
@@ -179,7 +179,7 @@ function FormHookCheckboxExample() {
179179
<FormControl.Label>Gender</FormControl.Label>
180180
<Controller
181181
control={control}
182-
render={({ onChange }) => (
182+
render={({field: { onChange }}) => (
183183
<Radio.Group
184184
name="gender"
185185
flexDirection="row"
@@ -240,7 +240,7 @@ function FormHookSelectExample() {
240240
<FormControl.Label>Fav language:</FormControl.Label>
241241
<Controller
242242
control={control}
243-
render={({ onChange, value }) => (
243+
render={({field: { onChange, value }}) => (
244244
<Select
245245
placeholder="Pick language"
246246
selectedValue={value}
@@ -308,7 +308,7 @@ function FormHookSliderExample() {
308308
<FormControl.Label>Amount you like NativeBase</FormControl.Label>
309309
<Controller
310310
control={control}
311-
render={({ onChange, value }) => (
311+
render={({field: { onChange, value }}) => (
312312
<Slider onChange={(val) => onChange(val)} defaultValue={value}>
313313
<Slider.Track>
314314
<Slider.FilledTrack />
@@ -363,7 +363,7 @@ function FormHookTextareaExample() {
363363
<FormControl.Label>What do you think?</FormControl.Label>
364364
<Controller
365365
control={control}
366-
render={({ onChange, value }) => (
366+
render={({field: { onChange, value }}) => (
367367
<TextArea
368368
placeholder="TextArea"
369369
onChangeText={(val) => onChange(val)}
@@ -417,7 +417,7 @@ function FormHookSwitchExample() {
417417
<FormControl.Label>Remenber me:</FormControl.Label>
418418
<Controller
419419
control={control}
420-
render={({ onChange, value }) => (
420+
render={({field: { onChange, value }}) => (
421421
<Switch
422422
onToggle={(val: boolean) => onChange(val)}
423423
isChecked={value}
@@ -474,7 +474,7 @@ function FormHookNumberInputExample() {
474474
<FormControl.Label>Current Native Base Version:</FormControl.Label>
475475
<Controller
476476
control={control}
477-
render={({ onChange, value }) => (
477+
render={({field: { onChange, value }}) => (
478478
<NumberInput
479479
onChange={(val: any) => onChange(val)}
480480
defaultValue={value}
@@ -534,7 +534,7 @@ function FormHookPinInputExample() {
534534
<FormControl.Label>OTP:</FormControl.Label>
535535
<Controller
536536
control={control}
537-
render={({ onChange, value }) => (
537+
render={({field: { onChange, value }}) => (
538538
<PinInput onChange={(val: any) => onChange(val)} value={value}>
539539
<PinInputField />
540540
<PinInputField />

0 commit comments

Comments
 (0)