在 react-admin 中访问组件的值

Question

我想访问组件的值。因为我会用它来访问其他数据。例如；

<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>

我想在过滤器方法中访问它。有没有办法做到这一点？

Answer 1

你可以这样使用：

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>
); 

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

您不仅限于隐藏/显示事物。在您的情况下，您应该能够避免使用状态并直接访问formData.serviceTypes