Array of strings - without nestingHow to do nested objects in final-form and Material UI (v1)?How to set the error in the array react-final-formvalidator is not a function error - react final form field arraysHow can I handle nested forms in react-final-form?Determine when a field using final-form-arrays is newly insertedReset form without losing submitSucceededfinal-form -> field arrays -> access different field value to visualizeFinal Form calculate set object to a position in array valuesFinal form array fields async validationES6 Import errors with React Router
When is the phrase "j'ai bon" used?
Redirecting output only on a successful command call
Why is gun control associated with the socially liberal Democratic party?
How can the US president give an order to a civilian?
Why can't we feel the Earth's revolution?
New Site Design!
Positive cumulative sum of difference
1960s sci-fi anthology with a Viking fighting a U.S. army MP on the cover
Leaving job close to major deadlines
Manager wants to hire me; HR does not. How to proceed?
What are the mechanical differences between Adapt and Monstrosity?
Can a 40amp breaker be used safely and without issue with a 40amp device on 6AWG wire?
100-doors puzzle
Someone who is granted access to information but not expected to read it
How to know whether to write accidentals as sharps or flats?
Character Picture Grid exercise - automatetheboringstuff
How do I gain the trust of other PCs?
Is the infant mortality rate among African-American babies in Youngstown, Ohio greater than that of babies in Iran?
At what temperature should the earth be cooked to prevent human infection?
Is there a risk to write an invitation letter for a stranger to obtain a Czech (Schengen) visa?
How can a flywheel makes engine runs smoothly?
On George Box, Galit Shmueli and the scientific method?
How can this shape perfectly cover a cube?
How to make a villain when your PCs are villains?
Array of strings - without nesting
How to do nested objects in final-form and Material UI (v1)?How to set the error in the array react-final-formvalidator is not a function error - react final form field arraysHow can I handle nested forms in react-final-form?Determine when a field using final-form-arrays is newly insertedReset form without losing submitSucceededfinal-form -> field arrays -> access different field value to visualizeFinal Form calculate set object to a position in array valuesFinal form array fields async validationES6 Import errors with React Router
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I want my record level data of the form to looks like this:
names: ['foo name', 'bar name']
However I am having to nest which gives me:
names: [ name: 'foo name' , name: 'bar name' ]
The nest is caused by this:
<FieldArray name="names">
( fields ) =>
fields.map((name, index) => (
<div key=name>
<Field
name=`$name.name`
component="input"
placeholder="Name"
/>
</div>
))
</FieldArray>
Is there a way to avoid this nesting, and get a FieldArray of just strings?
react-final-form final-form
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
add a comment |
I want my record level data of the form to looks like this:
names: ['foo name', 'bar name']
However I am having to nest which gives me:
names: [ name: 'foo name' , name: 'bar name' ]
The nest is caused by this:
<FieldArray name="names">
( fields ) =>
fields.map((name, index) => (
<div key=name>
<Field
name=`$name.name`
component="input"
placeholder="Name"
/>
</div>
))
</FieldArray>
Is there a way to avoid this nesting, and get a FieldArray of just strings?
react-final-form final-form
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
1
That code, at first glance, looks just fine. Maybe make a sandbox?
– Erik R.
Mar 25 at 14:39
Thanks @ErikR. I figured it out! Instead of<Field name=`$name.name`I changed it to just<Field name=name. Thanks for the attention to a user of your lib when you got much more important things!! :)
– Noitidart
Mar 25 at 18:22
add a comment |
I want my record level data of the form to looks like this:
names: ['foo name', 'bar name']
However I am having to nest which gives me:
names: [ name: 'foo name' , name: 'bar name' ]
The nest is caused by this:
<FieldArray name="names">
( fields ) =>
fields.map((name, index) => (
<div key=name>
<Field
name=`$name.name`
component="input"
placeholder="Name"
/>
</div>
))
</FieldArray>
Is there a way to avoid this nesting, and get a FieldArray of just strings?
react-final-form final-form
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
I want my record level data of the form to looks like this:
names: ['foo name', 'bar name']
However I am having to nest which gives me:
names: [ name: 'foo name' , name: 'bar name' ]
The nest is caused by this:
<FieldArray name="names">
( fields ) =>
fields.map((name, index) => (
<div key=name>
<Field
name=`$name.name`
component="input"
placeholder="Name"
/>
</div>
))
</FieldArray>
Is there a way to avoid this nesting, and get a FieldArray of just strings?
react-final-form final-form
react-final-form final-form
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
asked Mar 25 at 3:35
NoitidartNoitidart
19k1568172
19k1568172
1
That code, at first glance, looks just fine. Maybe make a sandbox?
– Erik R.
Mar 25 at 14:39
Thanks @ErikR. I figured it out! Instead of<Field name=`$name.name`I changed it to just<Field name=name. Thanks for the attention to a user of your lib when you got much more important things!! :)
– Noitidart
Mar 25 at 18:22
add a comment |
1
That code, at first glance, looks just fine. Maybe make a sandbox?
– Erik R.
Mar 25 at 14:39
Thanks @ErikR. I figured it out! Instead of<Field name=`$name.name`I changed it to just<Field name=name. Thanks for the attention to a user of your lib when you got much more important things!! :)
– Noitidart
Mar 25 at 18:22
1
1
That code, at first glance, looks just fine. Maybe make a sandbox?
– Erik R.
Mar 25 at 14:39
That code, at first glance, looks just fine. Maybe make a sandbox?
– Erik R.
Mar 25 at 14:39
Thanks @ErikR. I figured it out! Instead of
<Field name=`$name.name` I changed it to just <Field name=name. Thanks for the attention to a user of your lib when you got much more important things!! :)– Noitidart
Mar 25 at 18:22
Thanks @ErikR. I figured it out! Instead of
<Field name=`$name.name` I changed it to just <Field name=name. Thanks for the attention to a user of your lib when you got much more important things!! :)– Noitidart
Mar 25 at 18:22
add a comment |
1 Answer
1
active
oldest
votes
Solved it, I just had to use
name=name
instead of
name=`$name.name`
Cool!
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55330953%2farray-of-strings-without-nesting%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Solved it, I just had to use
name=name
instead of
name=`$name.name`
Cool!
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
add a comment |
Solved it, I just had to use
name=name
instead of
name=`$name.name`
Cool!
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
add a comment |
Solved it, I just had to use
name=name
instead of
name=`$name.name`
Cool!
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
Solved it, I just had to use
name=name
instead of
name=`$name.name`
Cool!
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
answered Mar 25 at 18:23
NoitidartNoitidart
19k1568172
19k1568172
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55330953%2farray-of-strings-without-nesting%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
That code, at first glance, looks just fine. Maybe make a sandbox?
– Erik R.
Mar 25 at 14:39
Thanks @ErikR. I figured it out! Instead of
<Field name=`$name.name`I changed it to just<Field name=name. Thanks for the attention to a user of your lib when you got much more important things!! :)– Noitidart
Mar 25 at 18:22