artalar
то, что он нагенерил) что то я максимально туплю
Еще раз, как у меня: Есть файл с именованной кверей / мутацией. Я запускаю graphql-code-generator с плагином typescript-graphql-request и у меня в корне проекта генерится файл из которого экспортируется класс с методами, каждый из которых имеет название и параметры моих gql файлов (кверей / мутаций). Я вызываю когда метод - уходит запрос на бек с соответствующий gql и возвращает мне данные с него + все статические типы в методе тоже описаны - я TS практически не пишу, оно все выводится в итоге с gql файлов, получается. Делал это все что бы отвязать gql от view, потому что у нас сложное внутреннее представление данных отличное от бекенда
artalar
а все что пришло уже пишется в стейт реатома?
api.getMyData().then(data => store.dispatch(myDataResponse(data)))
Bogdan
а еще выделить именно пункты хотелось бы, например если не нужен аполо, можно вот таким способом работать с граф беком плюс еще и типы иметь?
Bogdan
тебе же выше написали для генерации типов аполло не нужен
да причем тут типы, я конкретно спросил, кинуть запрос на граф бек без аполо можно тем, что нагенерит плагин, я не так понял что ли?
Denis
Есть ли в Формике метод, который позволяет проверить что все поля формы заполнены?
Denis
валидация не подходит?
Сообщение о том, что поля required выводить не нужно Но нужно дизейблить кнопку, если все поля, кроме последних двух не заполнены. В теории можно проверить values.one || values.two ..., но мб есть более умный способо?
Artem
подскажите где ошибка моя пожалуйста! http://i.imgur.com/n6f1sD0.png Наживаю на кнопку и такая ошибка
Artem
http://i.imgur.com/s2Y64MH.png
Denis
а если не все поля заполнены типо кнопка не дизейбл?
Ошибся в сообщении. Если все поля не заполнены - кнопку дизейблить. При этом есть 2 поля, которые необязательные и не должны влиять на эту валидацию.
Denis
ну так не делать поля обязательными просто
То есть я делаю поля обязательными, кроме двух?
Denis
ну да)
а как в таком случае дизейблить кнопку? Есть какой-то метод по-типу isValid?
Bogdan
а как в таком случае дизейблить кнопку? Есть какой-то метод по-типу isValid?
ну чекай обьект ошибок формика, если есть ошибки, дизейблить
Denis
понял, спасибо!
Andrey
Сообщение о том, что поля required выводить не нужно Но нужно дизейблить кнопку, если все поля, кроме последних двух не заполнены. В теории можно проверить values.one || values.two ..., но мб есть более умный способо?
Можешь пойтись по массиву фильтром с кастомным условием и проверить длину получившегося массива. Если оно больше 0, следовательно у тебя есть незаполненные поля. Это если в лоб решать задачу, а можно настроить, чтобы незаполненные поля падали в объект ошибок Формика и смотреть на этот объект при выборе задизэйблить кнопку или нет
Dmitry
Всем привет! Кто может объяснить разницу между Flux и MVVM? Прочитал много статей и примеров, но везде суть всегда сводится к тому, что: 1. View подписывается на ViewModel(Store) за обновлениями 2. ViewModel(Action) общается с Model 3. View общается с Model через ViewModel(action-dispatcher-store update) *в скобках примеры из Flux *Да, в Flux есть элементы Action, Dispatcher, Store, но в совокупности они дают тот же самый ViewModel
Павел
По сути - это одно и то же
Dmitry
разница только в том, как называются компоненты системы
Вот я тоже к этому склоняюсь, спасибо за ответ
Dmitry
Слишком уж много противоречивой информации по MV* паттерну в сети
Андрей
Всем здравствуйте Я новичок, поэтому не кидайте в меня камни за столь глупый вопрос. Я создал компонент, при экспорте компонент в родителе поворяется, но меняется текст в самом компоненте, как мне этот текст поменять? заранее спасибо Вам.
Андрей
import React from 'react'; import styles from './ContainerInfo.module.sass'; import Info from '../Info/Info' function ContainerInfo() { return ( <div className={styles.ContainerInfo}> <div className = {styles.mainInfo}> <Info /> <Info /> <Info /> </div> </div> ); } export default ContainerInfo;
Андрей
import React from 'react'; import styles from './Info.module.sass'; function Info() { return ( <div className={styles.Info}> <p className = {styles.label}>EMAIL</p> <p className = {styles.value}>vaidas@wow.lt</p> </div> ); } export default Info;
Anonymous
Всем привет. Я новичок в реакте. Вывожу Header сайта, в котором присутствуют ссылки <button onClick="this.props.history.push('smth')">link</button> Проблема в том, что если показывать <Header /> то history.push() не работает. Но если выводить Header как <Route to='/' component={Header}/> то все работает отлично. Я имею ввиду, правильное ли это решение проблемы?
Eugene
https://github.com/reduxjs/reselect эта либа еще актуальна или есть что-то лучше?
Александр
вообще в onClick стоит функция, а не код
Ну в том коде что выше - не функция а строка
Eugene
Если используете redux то актуальна
редакс использую, но как фильтровать данные по урлу и трём параметрам пока не ясно
Андрей
спасибо всем) но я все равно ничего не понял) полез я в доки)
Anonymous
onClick={() => this.foo()}
Не в этом дело. У меня стоит <Button color="inherit" onClick={this.go_login}></Button> а уже в go_login стоит history.push
Александр
спасибо всем) но я все равно ничего не понял) полез я в доки)
А вы код не прокомментировали, что вы хотите то? Из начального вопроса сложно понять было
Anonymous
Спасибо
Андрей
в сомпоненте Info есть два <p> эти Info, я добавляю к родителю ContainerInfo, мне надо что бы текст этих тегов <p> менялся на то что я напишу
Maxim
Всем привет! Подскажите, пожалуйста, как можно проверить положение элемента перед рендером? Есть компонент Tooltip, и компонент Trigger, который управляет скрытием/показом тултипа и положением (например если снизу места не хватает, он отобразится сверху)
Андрей
👍 спасибо
Maxim
Проблема в том, что у getDerivedStateFromProps нет доступа к this
Александр
Всем привет! Подскажите, пожалуйста, как можно проверить положение элемента перед рендером? Есть компонент Tooltip, и компонент Trigger, который управляет скрытием/показом тултипа и положением (например если снизу места не хватает, он отобразится сверху)
Тултип относительно какого-то элемента показывается же? Нужно получить ссылку (ref) на этот элемент и исходя из его положения на странице относительно вьюпорта уже задавать координаты тултипу
Александр
🦜
Проблема в том, что у getDerivedStateFromProps нет доступа к this
есть конструктор, если нужно что-то в this из пропсов записать
Maxim
Тултип относительно какого-то элемента показывается же? Нужно получить ссылку (ref) на этот элемент и исходя из его положения на странице относительно вьюпорта уже задавать координаты тултипу
Да, все верно. Сейчас основной баг в том, что если в пропсах стоит положение для тултипа сверху и есть достаточно места сверху, оно отображается как положено сверху. Если прокрутить страницу, и для тултипа недостаточно места он при наведении отобразится сверху и потом съедет вниз, и потом отображается корректно снизу. Затык вот в том, что он съезжает
Maxim
Убирать анимацию не вариант
Maxim
А ожидаемое поведение, при недостатке места сверху, чтобы он не съезжал, а сразу отобразился снизу
Bohdan
https://codesandbox.io/s/53y8jvpj0k это нормально что у downshift клава не работает?
Andrey
Всем привет, хотел спросить, как вы относитесь к тому, чтобы в дочернюю компоненту передавать this?
Andrey
Вместо кучи переменных
artalar
https://codesandbox.io/s/53y8jvpj0k это нормально что у downshift клава не работает?
Не знаю за дауншифт, но мне очень заходит https://reakit.io/docs/menu/
Andrey
Хотелось бы более развёрнутый ответ
Тимофей 🛴
Хотелось бы более развёрнутый ответ
Нарушает принцип разделения интерфейсов
wolfe
Хотелось бы более развёрнутый ответ
сравни передачу одного this и пропсов, которые отражают апи компонента
wolfe
i
всем привет, как в реакте сделать самописный инпут? что бы визуально выглядел по-другому
Vitalii
я недавно в реакте, хочу в редакс стейт добавлять текст элемента, на который буду нажимать, подскажите как это правильно делается
Vitalii
i
разве с файлом можно? в послед раз я не вдиел такого решения
Ura
разве с файлом можно? в послед раз я не вдиел такого решения
его обычно просто скрывают и поверх верстают что нужно
i
то бишь по классике - инпрут скрываю, а по клику по видимой кнопке програмно кликаю на инпут?
Ura
то бишь по классике - инпрут скрываю, а по клику по видимой кнопке програмно кликаю на инпут?
ну типа того, только это не как-то программно делается, css справляется сам
i
через css ? не слышал о таком способе