React-Admin：如何在“创建”或“编辑”组件中获取自定义输入的值

Question

For the past days i've been searching for a way to get the value of my custom input component in the parameters of the create/edit component.

I created the component following Material UI's example in this link

The component is rendered in the application but i can't get the value of the input. Here's how I add the custom input

<Create><SimpleForm> ... <CustomAutocompleteInput label="Main Subject" suggestions={subjectSuggestions} source="mainSubject"/> ... </SimpleForm></Create>

Can anyone help me?

Answer 1

you can set a reference to the dom node

<CustomAutocompleteInput 
    ref={node => {this.input = node;}}
    label="Main Subject" 
    suggestions={subjectSuggestions} 
    source="mainSubject"
/>

...and then access the value by

let { value } = this.input

//or
let value = this.input.value