Admin-On-Rest Customizing Inputs

Question

I have a User Resource, which referenced by many other resources.
So I want to create a UserResourceInput :

import React from 'react';
import {ReferenceInput, SelectInput} from 'admin-on-rest';


const UserReferenceInput = (props) => (
    <ReferenceInput reference="user" {...props}>
        <SelectInput optionText="name"/>
    </ReferenceInput>
);
UserReferenceInput.defaultProps = {
    source: 'userId',
    addLabel: true,
    label: 'User'
};

export default UserReferenceInput;

And Use it in simple form like this:

ProductCreate = (props) => (
    <Create {...props}>
        <SimpleForm>
            <TextInput source="title" />
            <NumberInput source="price" />
            <UserReferenceInput />
        </SimpleForm>
    </Create>
);

But I get this Error:

How do you get props from the input ?

Panther
– Panther

2017-09-29 15:47:10 +00:00
Commented Sep 29, 2017 at 15:47 — Panther
– Panther, Commented Sep 29, 2017 at 15:47

Gildas Garcia · Accepted Answer · 2017-09-30 08:17:05Z

1

You are missing the source prop on the ReferenceInput. Hence, it can't find value for it. You can define it either inside the UserReferenceInput directly or pass it as prop to the UserReferenceInput in your form.

Edit

Don't use the addLabel prop on the ReferenceInput, it does not support it. Instead, apply it on the SelectInput child.

edited Sep 30, 2017 at 8:17

answered Sep 29, 2017 at 15:52

Gildas Garcia

7,0663 gold badges18 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Saman Mohamadi Over a year ago

The source is in defaultProps.

Saman Mohamadi Over a year ago

thanks but addField:true also is needed for it to work.

Collectives™ on Stack Overflow

Admin-On-Rest Customizing Inputs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related