React-admin: ArrayInput component

Created on 19 Nov 2019 · 3Comments · Source: marmelab/react-admin

What you were expecting:
I have a params array that stores strings as array values. Expected to input array values into a blank edit form while clicking +(add) button.

What happened instead:
[object object] is shown instead of blank space on clicking +(Add) button of simpleformiterator

Related code:

<ArrayInput source="params" >
          <SimpleFormIterator>
            <TextInput />
          </SimpleFormIterator>
        </ArrayInput>

Other information:
We have params from the backend of the following pattern: "params":["hey","iiiih","new ","test1","test2"] while trying to add new value to params array [object Object] is shown

arrayinputcomponent

Environment

React-admin version:2.9.8
Last version that did not exhibit the issue (if applicable):
React version:16.11.0
Browser: Google Chrome

while creating a new array this is how it is shown
arrayinput

@fzaninotto

Stack trace (in case of a JS error):

Source

9747749366

Most helpful comment

I also struggled with this and I had to create my own form iterator. [object Object] is a stringified empty object, pushed on line 108 in SimpleFormIterator.js. You can replace it with an empty string, that should solve your issue.

https://github.com/marmelab/react-admin/blob/c658516267764fe213ef133cfa40a975b21a90d1/packages/ra-ui-materialui/src/form/SimpleFormIterator.js#L105-L109

I wish SimpleFormIterator accepted a defaultFieldValue prop instead of the hard coded {}.