Прочтите данные из TextInput в react-admin

У меня есть TextInput (source = "values"), и я хочу читать оттуда с помощью кнопки и изменять строковое значение с этим значением

Мой пример кода выглядит следующим образом:

class DataTypeCreate extends Component {
    state = {
        values: ''
    }

    addClickedHandler = (x) => {
        let value = this.props.values;
        this.setState((prevValue) => {
            return { values: prevValue.values + ", " + this.values}
        });
        console.info(this.state.values);
    }

    render() {
        return(
            <Create {...this.props}>
                <SimpleForm redirect = "list"
                    validate = {values => {
                        const errors = {};

                        ["id", "type"].forEach(field => {
                            if (!values[field]) {
                                errors[field] = ["Required field"];
                            }
                        });

                        return errors;
                    }}>
                    <TextInput source = "id" label = "Name" />
                    <SelectInput
                        source = "type"
                        choices = {[
                            { name: "String", id: "string" },
                            { name: "Enum", id: "enum" },
                            { name: "Decimal", id: "decimal" }
                        ]}
                    />
                    <TextInput source = "values" />
                    <Button clicked = {this.addClickedHandler} name = "Value"></Button>
                    {/* <ReferenceArrayInput reference = "values" source = "values" label = "Values">
                        <SelectArrayInput>
                            <ChipField source = "name" />
                        </SelectArrayInput>
                    </ReferenceArrayInput> */}
                </SimpleForm>
            </Create>
        )
    }
}

export default DataTypeCreate;

Возможно ли это в react-admin? Вы можете помочь мне? Спасибо

Какое строковое значение вы хотите изменить? Значение другого входа?

Gildas Garcia 01.08.2018 20:00
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
1
425
0

Другие вопросы по теме