在react-admin中访问组件的值

Question

I want to access values of components. Because I'll use it to access to another data. For example;

<ArrayInput source='services'>
    <SimpleFormIterator>
        <ReferenceInput label="Service Type"
            source="serviceType"
            reference="servicetypes"
            validate={required()}>
            <SelectInput optionText={GAMMA_CONSTANTS.SOURCE_ID} />
        </ReferenceInput>
        {(this.state.serviceTypes && this.state.serviceTypes.length > 0) ?
            this.state.serviceTypes.filter(serviceType => {
                    return serviceType.id === (**source="serviceType"**)
                })[0]["datapointtype"].map((feature, index) => {
                return <TextInput source={index} label="deneme" />
            })
            : null}

    </SimpleFormIterator>
</ArrayInput>

I want to access it in the filter method. Is there a way to do that?

Answer 1

You can use something like this:

import { FormDataConsumer } from 'react-admin';

const PostEdit = (props) => (
    <Edit {...props}>
        <SimpleForm>
            <BooleanInput source="hasEmail" />
            <FormDataConsumer>
                {({ formData, ...rest }) => formData.hasEmail &&
                     <TextInput source="email" {...rest} />
                }
            </FormDataConsumer>
        </SimpleForm>
    </Edit>
); 

Reference: https://marmelab.com/react-admin/Inputs.html#hiding-inputs-based-on-other-inputs

You're not limited to hide/show things. In your case, you should be able to avoid using state and directly access formData.serviceTypes