Как я могу сделать поле в реакции-администратора, принимая в качестве ввода значок из IconPicker?

Question

Я хочу сделать поле ввода, где он берет значок из IconPicker .Как я могу это сделать?

Я пытался сделать что-то подобное:

в hardware.js

export const HardwareCreate = (props) => (
    <Create title={<AppTitle />} {...props}>
        <SimpleForm>
            ...other normal fields...
            <TextField label="Ícone"/>
            <IconPicker source="icon"/>
        </SimpleForm>
    </Create>
);

И в пиктограмме.JS

class IconPicker extends Component {
     constructor(props) {
         super(props);
         this.state = {
             value: 'fipicon-angle-left',
         };
     }
     handleChange = (value) => {
         this.setState({ value });
         console.log(this);
     }
     render() {
         const props = {
             icons: ['fipicon-angle-left', 'fipicon-angle-right', 'fipicon-angle-up', 'fipicon-angle-down'],
             theme: 'bluegrey',
             renderUsing: 'class',
             value: this.state.value,
             onChange: this.handleChange,
             isMulti: false,
    };


    return (
         <FontIconPicker {...props}/>
    );
}

export default IconPicker;