region.data не существует и он же возвращается

так я селектор использую не в рендере компонента, а в mapStateToProps

уровнем выше сделай условие, если loaded false то вообще этот контейнер не рендери

Ты проверяешь, что нет данных и обращаешься к несуществующим данным

Ты проверяешь, что нет данных и обращаешься к несуществующим данным

да, тут это надо убрать

Ну поставь вместо region.data в обьекте что-то еще

Да

Привет. Есть ли опции настройки цсс-модулей какие-то у style-loader, например, уменьшить длину генерируемых имён классов?

Но я не вижу остальной код, поэтому возможно это привело к другим проблемам

Но это не точно

мб перемудрил

подскажите, в классе компонента задаю функцию в виде resetBrokerData = (id) => { console.log(id); }; вызываю её по событию в виде onClick={this.resetBrokerData(broker.id) проблема в том, что функция выполняется 1 раз при рендере, а по клику не вызывается. Как быть?

Привет. Есть ли опции настройки цсс-модулей какие-то у style-loader, например, уменьшить длину генерируемых имён классов?

для чего их уменьшать?

Пасаны, подскажите пожалуйста, как часто применяется state reducr pattern? Применяли ли вы его в своих проектах?

подскажите, в классе компонента задаю функцию в виде resetBrokerData = (id) => { console.log(id); }; вызываю её по событию в виде onClick={this.resetBrokerData(broker.id) проблема в том, что функция выполняется 1 раз при рендере, а по клику не вызывается. Как быть?

onClick={()=>{this.resetBrokerData(broker.id)})

Что-то много говнокода в последних сообщениях

для чего их уменьшать?

Потому что чё-то длинные очень, файл из-за этого весит в два раза больше, чем мог бы

onClick={()=>{this.resetBrokerData(broker.id)})

спс)

спс)

onClick={this.resetBrokerData.bind(null, broker.id)} можно так

onClick={this.resetBrokerData.bind(null, broker.id)} можно так

не надо так

onClick={this.resetBrokerData.bind(null, broker.id)} можно так

через замыкание

onClick={this.resetBrokerData.bind(null, broker.id)} можно так

bind this тогда уж, и да, не надо так

onClick={()=>{this.resetBrokerData(broker.id)})

так тоже не надо

resetBrokerData = ()=>(id) => { console.log(id); };

та с bind как-то некрасиво получается, еще и в конструкторе надо задавать как я понимаю

та с bind как-то некрасиво получается, еще и в конструкторе надо задавать как я понимаю

bind новую функцию возвращает

Пасаны, подскажите пожалуйста, как часто применяется state reducr pattern? Применяли ли вы его в своих проектах?

Нашёл настройку цсс-модулей. Теперь вопрос такой. На реакте написан виджет. Виджет встраивается в рандомную страницу и рендерится на рандомном элементе на этой странице. Как мне сделать так, чтобы стили страницы не трогали стили в моём виджете вообще?

Или хотя бы как это минимизировать? Например, на клиентской странцие подключен бутстрап3, который в моём виджете корёжит все .label, делая их жирным

Неужели ресетить всё принудительно?

shadow dom какой-то. я с ним застрял на полифиллах

Или хотя бы как это минимизировать? Например, на клиентской странцие подключен бутстрап3, который в моём виджете корёжит все .label, делая их жирным

эм, css modules генерит тебе класснеймы

как у тебя может быть .label ?

как у тебя может быть .label ?

<label>

Без класса, да, это я ошибся

iframe!

!important ) Добавь веса классу

iframe!

Ну да, пока единственная мысль, но очень заморочено

!important ) Добавь веса классу

Только для свойств работает, и всё равно ресет, получается, только с импортантом

Только для свойств работает, и всё равно ресет, получается, только с импортантом

навесь просто больше классов, так его кост будет выше

и по идеи стили заработают

Так мне нужен стиль дефолтный

Для этого его придётся ресетить

iframe!

Проблема в том, что айфрейм по высоте контента тоже так просто не откроешь

Проблема в том, что айфрейм по высоте контента тоже так просто не откроешь

можно не просто так. iframe-resizer

Ребят. Всем привет. Есть final-form, есть необходимость по клику на кнопку сабмит триггерить валидации внутри всех полей формы. Долго рылся в доке, найти некого метода который триггерит валидацию всю разом (ту, что в полях формы уже имеется) не могу. Есть проп validations у компонента Form, но насколько я понял это просто 2 вида, field-level и form-level, не дублировать же мне ее и на уровне формы еще. Как оставить валидацию на уровне полей и триггерить ее на блюре, а так же иметь возможность по нажатию на сабмит стриггерить все вместе сразу?

Ребят. Всем привет. Есть final-form, есть необходимость по клику на кнопку сабмит триггерить валидации внутри всех полей формы. Долго рылся в доке, найти некого метода который триггерит валидацию всю разом (ту, что в полях формы уже имеется) не могу. Есть проп validations у компонента Form, но насколько я понял это просто 2 вида, field-level и form-level, не дублировать же мне ее и на уровне формы еще. Как оставить валидацию на уровне полей и триггерить ее на блюре, а так же иметь возможность по нажатию на сабмит стриггерить все вместе сразу?

validateOnBlur

https://github.com/final-form/react-final-form#validateonblur-boolean

validateOnBlur

валидация одного поля

нужно всех сразу по клику на сабмит

нужно всех сразу по клику на сабмит

https://github.com/final-form/final-form#validatefields-string

всем прив, опять проблема. У меня есть компонент TyperArea, мне нужно чтобы при выделении выбрасывалось в алерт значение. Пока сделал так чтобы работал onSelect, но не могу понять что нужно кидать в alert. Я знаю что у window есть метод getSelection, но как мне его запихнуть в this?

https://github.com/final-form/final-form#validatefields-string

тоже не то, но в теории может быть полезно, спасибо. Сама суть в том, что бы триггернуть проверки по клику на сабмит

тоже не то, но в теории может быть полезно, спасибо. Сама суть в том, что бы триггернуть проверки по клику на сабмит

у тебя из onSubmit приходит 3 аргумента, второй аргумен это FormApi, посмотри её

у тебя из onSubmit приходит 3 аргумента, второй аргумен это FormApi, посмотри её

да, есть такое, но ничего полезного я не обнаружил там

и кейс в принципе очень даже обычный

всем прив, опять проблема. У меня есть компонент TyperArea, мне нужно чтобы при выделении выбрасывалось в алерт значение. Пока сделал так чтобы работал onSelect, но не могу понять что нужно кидать в alert. Я знаю что у window есть метод getSelection, но как мне его запихнуть в this?

а разве onSelect поддерживается у textarea

тоже не то, но в теории может быть полезно, спасибо. Сама суть в том, что бы триггернуть проверки по клику на сабмит

ну это validate

а что делать, если я все валидации описал внутри каждого из Field?

убирать и нести в validate у Form?

а что делать, если я все валидации описал внутри каждого из Field?

хз

всем прив, опять проблема. У меня есть компонент TyperArea, мне нужно чтобы при выделении выбрасывалось в алерт значение. Пока сделал так чтобы работал onSelect, но не могу понять что нужно кидать в alert. Я знаю что у window есть метод getSelection, но как мне его запихнуть в this?

попробуй тут вывести onSelect(e) => window.getSelection && e.target.value;

ERROR: S client not available

а что делать, если я все валидации описал внутри каждого из Field?

https://github.com/final-form/react-final-form#declarative-form-rules может быть это

Нашёл настройку цсс-модулей. Теперь вопрос такой. На реакте написан виджет. Виджет встраивается в рандомную страницу и рендерится на рандомном элементе на этой странице. Как мне сделать так, чтобы стили страницы не трогали стили в моём виджете вообще?

какие стили влияют на виджет?

какие стили влияют на виджет?

Бутстрап 3. По теговым селекторам

А в виджете у меня 4бс + модули

https://github.com/final-form/react-final-form#declarative-form-rules может быть это

фак, кажется то что я хочу работает и так по умолчанию, нужно убрать дизейбл совсем и при сабмите все таки проверяются валидации описанные на уровне полей

спасибо

Бутстрап 3. По теговым селекторам

ну тогда никак ? сама концепция давать стили например "<div>" умерла 100 лет назад,

ну тогда никак ? сама концепция давать стили например "<div>" умерла 100 лет назад,

неужели в бутстрап все так плохо?

ну тогда никак ? сама концепция давать стили например "<div>" умерла 100 лет назад,

Клиентам-юзерам об этом ничего не известно

неужели в бутстрап все так плохо?

ну как бы да, бутстрап говно

ну как бы да, бутстрап говно

Норм

Норм

)))) ?

может кто подскажет как передать "ничего" в dispatchProps в mergeProps в коннекте mergeProps(stateProps, dispatchProps, ownProps) null нельзя же на пустой объект еслинт ругается

У тебя прост все говно, что мейнстрим

ну как бы да, бутстрап говно

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

У них хороший стабильный грид-фреймворк, не вижу в нем ничего плохого

может кто подскажет как передать "ничего" в dispatchProps в mergeProps в коннекте mergeProps(stateProps, dispatchProps, ownProps) null нельзя же на пустой объект еслинт ругается

что еще за mergeProps ?

У них хороший стабильный грид-фреймворк, не вижу в нем ничего плохого

я сейчас открыл доку, у них есть свои классы, в чем проблема?

бутстрап предназначен для шабашников. Чо там наколотить блоков

бутстрап предназначен для шабашников. Чо там наколотить блоков

Да в чём шабашность готовой флекс-сетки и утилит для атомарного задания отступов?

что еще за mergeProps ?

[mergeProps(stateProps, dispatchProps, ownProps): props] (Function): из доки вот

Речь не об этом вообще

[mergeProps(stateProps, dispatchProps, ownProps): props] (Function): из доки вот

это вроде 3 аргумент функции коннект

я сейчас открыл доку, у них есть свои классы, в чем проблема?

В том, что классы меня не беспокоят, в моём виджете всё через модули всё равно, все класснеймы генерятся. Проблема в том, что на странице клиента подключен, например, бутстрап 3 или просто стоит label{font-weight:bold}, и мне это ломает в виджете мои лейблы. Так же с остальными цсс, где селектор был по тегу

@itsjohncena а то что я вчера спрашивал про nanoid для key. Ты говорил при получении данных. Т.е. в редюсер должны уйти данные уже с ключем?

Даже если я подключу свой цсс после сайтового, то мне это не поможет до тех пор, пока я не сделаю ресет всех элементов на дефолт

[mergeProps(stateProps, dispatchProps, ownProps): props] (Function): из доки вот

const mergeProps = (propsFromState, propsFromDispatch, ownProps) { return { save: propsFromDispatch.dispatchSave(propsFromState.items) }; }; const SaveAllContainer = connect(mapStateToProps, mapDispatchToProps, mergeProps)(SaveAll);

Вот и был вопрос, как бы так сделать, чтобы этого не делать

это вроде 3 аргумент функции коннект

все так куда передаешь результаты mapStateToProps(), mapDispatchToProps(), и родительские пропсы props

Даже если я подключу свой цсс после сайтового, то мне это не поможет до тех пор, пока я не сделаю ресет всех элементов на дефолт

виджет написан на css-modules?

@itsjohncena а то что я вчера спрашивал про nanoid для key. Ты говорил при получении данных. Т.е. в редюсер должны уйти данные уже с ключем?

да

спс