@reactjs_samurai - страница 1209

Кирилл

Ребят, кто-то пытался связать Material-Ui и Redux-form?

я связывал, никаких проблем, просто в Field в тег component ложишь компоненту из Material-UI

Ruslan

напрямую ?

Ruslan

Можно код пожалуйста

Ruslan

Мы же потом не сможем валидацию сделать нормальную

Кирилл

я делал

Ruslan

Можно сурсы пожалуйста, если вам не сложно

Кирилл

я удалил тот проект, места на ssd не так много как хотелось бы

Ruslan

Вы не создавали компоненту обвёртку для компонент из Material-ui

Ruslan

на офф сайте вот такой пример const renderTextField = ({ label, input, meta: { touched, invalid, error }, ...custom }) => ( <TextField label={label} placeholder={label} error={touched && invalid} helperText={touched && error} {...input} {...custom} /> )

Ruslan

<form onSubmit={handleSubmit}> <div> <Field name="firstName" component={renderTextField} label="First Name" /> </div> </form> и вот такая форма

Ruslan

на офф сайте вот такой пример const renderTextField = ({ label, input, meta: { touched, invalid, error }, ...custom }) => ( <TextField label={label} placeholder={label} error={touched && invalid} helperText={touched && error} {...input} {...custom} /> )

но не могу понять, что деструктуризируется здесь. Откуда и что за custom, откуда он берётся, ведь при создании Field мы передаём, Name, label, и саму компоненту, renderTextField. Или Custom - то, что остаётся от пропсов, просто под другим названием

Ruslan

Помогите кто шарит в деструктуризации

Ruslan

Потому, что все крупные проекты испольщуют её

Ruslan

И она банально удобней

Ruslan

Нет заморочек с валидацией, со сбором инфы

Кирилл

но не могу понять, что деструктуризируется здесь. Откуда и что за custom, откуда он берётся, ведь при создании Field мы передаём, Name, label, и саму компоненту, renderTextField. Или Custom - то, что остаётся от пропсов, просто под другим названием

в input там передастся value инпута и тд, в custom сам хз, я custom не передавал

Ruslan

Вы имеете противоположную точку зрения? https://www.youtube.com/watch?v=uEs5miktN-s&t=82s

Ruslan

Вы спокойно можете её сказать, прикрепив хоть какие-то аргументы

Artem

я в основном видел что Formik + Yap юзают все

Кирилл

Вы спокойно можете её сказать, прикрепив хоть какие-то аргументы

в redux-form нельзя без костылей нормально удалить инпут, тобишь Field на странице ты удалишь, а в formData он останется, и хрен ты без костылей удалишь его (это если на сайте нужно динамически добавлять/удалять инпут)

Кирилл

я пол дня на этом промучался, в доке redux-form есть метод по удалению Field из formData, но он нерабочий

Ruslan

То-есть лучше хранить данные из форм, в локальном стейте? И тогда использовать Formik?

Ruslan

Понял

Ruslan

Значит лучше и быстрее использовать Formik?

💾 Max S.

Всем Хай, как решить вопрос с CORS?