.join возвращает строку.

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

Ребят, у кого команда перешла на docker окружение разработки? Вот думаю стоит ли внедрять docker?

Да, у нас весь фронт в контейнерах. Выкладка и откатывание очень тривиальным процессом стали.

{opted}

.

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

Ну, тогда filter + join

вот способы нашел, но что то не то)

На стайледах не работает

Ну, тогда filter + join

Object.entries(initialState).filter(([key, value]) => { if (value) return key }) такой фильтр возвращает мне массив, подскажи как сделать нормально (мапом у меня возвращает еще и undefined)

Чтобы тернарник выкинуть из мапа.

Ты можешь пример дать ? Чёт дойти до меня не может как фильтр щарешает

Ты можешь пример дать ? Чёт дойти до меня не может как фильтр щарешает

Фильтруешь по value и дальше мапом, он про это жи

Ты можешь пример дать ? Чёт дойти до меня не может как фильтр щарешает

opted.filter(_ => _).join(',')

по elem* точнее

opted.filter(_ => _).join(',')

у меня фильтр глупый какой-то

Человеку запятые нужно расставить

opted.filter(_ => _).join(',')

Цель фильтр копирнуть массив?

opted.filter(_ => _).join(',')

что за фильтр? Зачем

Цель фильтр копирнуть массив?

вырезать undefined, null, пустые строки, и т.д

вырезать undefined, null, пустые строки, и т.д

ага, но он не только вырезает, а возвращает мне массив с key, value

Object.entries(initialState).filter(([key, value]) => { if (value) return key }) такой фильтр возвращает мне массив, подскажи как сделать нормально (мапом у меня возвращает еще и undefined)

Мне лень упрощать. То, что ты описал в рендере можно решить как <span>{opted.filter(_ => _).join(',')}</span>

ага, но он не только вырезает, а возвращает мне массив с key, value

покажи массив

Мне лень упрощать. То, что ты описал в рендере можно решить как <span>{opted.filter(_ => _).join(',')}</span>

done, я просто два раза фильтр делал

В итоге такое решение

что происходит

В итоге такое решение

А зачем join?

А зачем join?

запятые ставит

запятые ставит

Попробуй убрать

Попробуй убрать

зочем, мне так и надо было же

На стайледах не работает

а даже просто в компоненте не работает

зочем, мне так и надо было же

Потому что запятые это дефолтный тустринг

Потому что запятые это дефолтный тустринг

Без пробелов

Потому что запятые это дефолтный тустринг

Явное лучше неявного.

Без пробелов

Ааа ну тогда джойн

Без пробелов

да, у меня там еще и пробелы (', ')

слуште а по next.js есть похожий чат ?

слуште а по next.js есть похожий чат ?

Страдания

слуште а по next.js есть похожий чат ?

@nextjs_ru

грац

господа добры день. Начинаю изучать react возник такой вопрос. setState(new Date()) не изменяет ссылку на стейт,а setState({date: new Date()}) изменяет. Почему так? Использую typescript

господа добры день. Начинаю изучать react возник такой вопрос. setState(new Date()) не изменяет ссылку на стейт,а setState({date: new Date()}) изменяет. Почему так? Использую typescript

https://ru.reactjs.org/docs/react-component.html#setstate

господа добры день. Начинаю изучать react возник такой вопрос. setState(new Date()) не изменяет ссылку на стейт,а setState({date: new Date()}) изменяет. Почему так? Использую typescript

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

вот так работает

а вот так нет

Тебе же дважды ответили

вот так работает

см выше )

где я могу посмотреть реализацию метода setState ?

подскажите какая самая нормальная библиотека для mask input

в исходниках только декларация и сигнатура

где я могу посмотреть реализацию метода setState ?

в доке не подходит тебе?

господа добры день. Начинаю изучать react возник такой вопрос. setState(new Date()) не изменяет ссылку на стейт,а setState({date: new Date()}) изменяет. Почему так? Использую typescript

грубо говоря, setState меняет значение в обьекте state. Требует 2 параметра: первый (свойство обьекта, которое ты хочешь изменить) и второй(значение, на которое ты хочешь изменить). Ты передаешь только new Date() в функцию и спрашиваешь почему не работает

а если я передаю {date: new Date()} то все рабоатет

чем отличаются эти два обьекта, кроме того что во втором происходит инкапуляция?

у тебя стейт это объект

Подскажите, в чем может быть проблема. Имеется компонент Popover, которого может быть оч много на странице. При открытии второго, у первого перезаписывается стейт, как такого можно избежать? key не помогает.

Подскажите, в чем может быть проблема. Имеется компонент Popover, которого может быть оч много на странице. При открытии второго, у первого перезаписывается стейт, как такого можно избежать? key не помогает.

покаж что имеешь в виду

покаж что имеешь в виду

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

код имею в виду

народ, а prop-types не ругается в кустомном хуке ? (

всем привет реально ли зарабатывать во фрилансе на React? или фриланс это только WP, верстка и т.п.?

Helo

что всё таки лучше в материале - withStyles или makeStyles?

hi

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

покажи код. Попробую помочь

ребят, как убрать header у таблицы react-table?

ребят, как убрать header у таблицы react-table?

thead={() => null}

thead={() => null}

TheadComponent={() => null} убирает полностью все заголовки

Как лучше писать? {isOpen && <div>...</div>} или <div className={isOpen ? 'open' : 'close'}>...</div>

Как лучше писать? {isOpen && <div>...</div>} или <div className={isOpen ? 'open' : 'close'}>...</div>

в первом случае у тебя div не отрисуется совсем в дереве при isOpen(false, null, …)

в первом случае у тебя div не отрисуется совсем в дереве при isOpen(false, null, …)

Спасибо кэп. Но я спрашиваю как лучше?

Спасибо кэп. Но я спрашиваю как лучше?

пожалуйста. Смотря что тебе надо

ты такой интересный, будто я знаю что у тебя там поменяется от класса open/close

читай доку только на английском > в исходниках только декларация и сигнатура это не исходники, а декларация типов

Как лучше писать? {isOpen && <div>...</div>} или <div className={isOpen ? 'open' : 'close'}>...</div>

если тебе нужно показывать/не показывать, то первый вариант лучше если есть что-то дополнительное — второй

если тебе нужно показывать/не показывать, то первый вариант лучше если есть что-то дополнительное — второй

второй, если есть например анимация понявления. Или там внутри форма, которая не должна потерять свой стейт при скрывании

второй, если есть например анимация понявления. Или там внутри форма, которая не должна потерять свой стейт при скрывании

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

CRA до сих пор не умеет билдить esm?..

Всем привет! Подскажите, что может быть причиной. Когда я использую ссылку /page-test я не получаю props TEST <Switch> <Route exact path="/" component={(props) => <HomePage {...props} />} /> <Route path="/page" component={(props) => <Page {...props} />} /> {/* test */} <Route path="/page-test" component={(props) => <Page {...props} test="test"/>} /> </Switch> Так же пытался /page-test:test this.props.match.params Ничего. props просто не передается Вернее передается, но нет, тех, что мне нужны

есть слушатель по ws, по нему может приходить 300 ответов для 300 итемов, соответственно щас сделано из говна и палок, то происходит 300 ререндеров, как можно оптимизировать? Думал задать таймер, и кешировать ответы, если по истечению 600мс к примеру по слушателю не приходит ничего - обновлять, иначе сбрасывать таймер и инициализировать заново, как лучше это сделать? Сталкился кто?

ответы кешировать в замыкании, просто написать общий хэлпер который будет разруливать данный случай

есть слушатель по ws, по нему может приходить 300 ответов для 300 итемов, соответственно щас сделано из говна и палок, то происходит 300 ререндеров, как можно оптимизировать? Думал задать таймер, и кешировать ответы, если по истечению 600мс к примеру по слушателю не приходит ничего - обновлять, иначе сбрасывать таймер и инициализировать заново, как лучше это сделать? Сталкился кто?

Такую штуку можно очень просто и эффективно на эффектах в сагах построить. Сагадрочер в чате

Такую штуку можно очень просто и эффективно на эффектах в сагах построить. Сагадрочер в чате

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

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

А я не имею мании писать спагетти-код перемешивая состояние, отображение и сеть. Хорошо, что мы есть друг у друга.