Dmitriy
https://github.com/smooth-code/svgr
https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/package.json#L32 Я думал они сами решение навелосипедили
Kostya
Всем привет) Пожскажите куда глядеть сделал кнопку которая щагружает все фотки на фотохостинг!))))) Работает! Но меня мучает такая вещь ЭЭЭЭЭЭ 1. Слежка за ходом загрузки есть...... проблем нет! реализовал за(onUploadProgress в axios) 2. Но после удачной загрзки компоннет рендерится столько сколько было итераций при загрузке Как сделать так чтоб один раз рендерился?
Kostya
Во всех обработчиках я использую this.setState
Valentin
вынести логику слежения за всеми загрузками выше, что бы указывать, нужно ли менять состояние кнопки. Есть другие варианты, но этот будет правильнее
Valentin
либо же добавить проверку когда реакт собирается обновить рендер, и в нем не обновлять, если не все еще загрузились. типа по счетчику сравниваешь
Valentin
и не забывай, что при изменении состояния, компонента выше, перерисуются все дочерние
darkc0der
Как лучше всего реализовать вложенные компоненты по типу
darkc0der
<Card><Card.Body>Foo</Card.Body></Card>
darkc0der
как в реакт бустрап
倫太郎
какую либу юзать для редактирования карт на react-leaflet? а то я чет ни одной не вижу особо
Kostya
Вот обрабочтик input[type=file] onChange = ({ target }) => { let files = Array.from(target.files) let iterator = Promise.resolve(files) for (let i = 0; i < target.files.length; i++) { iterator = iterator .then(_files => Upload(_files.shift(), this.onStart) .then(this.onload_file)//return axios => data, file .then(({ data, file }) => ({ data, file, files: _files })) ) .then(this.upload.success) //render + return _files } }
D
шО означает "API based frontend advantage"?
Kostya
Sergey
шО означает "API based frontend advantage"?
Спроси у того кто это в вакансии написал
Kostya
и не забывай, что при изменении состояния, компонента выше, перерисуются все дочерние
Я загружаю фото! Идет процесс загрзузки все хорошо! Фотка загрузилось идет вторая тьфуты походу понял))))))))) В промииссах ошибок нет))))))))))) Перерисовывается уже загруженный ребенок просто))))
Kostya
Спасибо большее чем спасает этот чат что тут щадаешь вопросы и тутже нанего сам ответ походу!!!
Sergey
Ух лапшичка, прям в компоненте
Sergey
Но надеюсь разделишь код
Kostya
Ух лапшичка, прям в компоненте
Вы умеете ввиду onUploadProgress ????????? Ну я нигде не работаю и не профессионал но постараюсь вынести этот метод!
Sergey
Вы умеете ввиду onUploadProgress ????????? Ну я нигде не работаю и не профессионал но постараюсь вынести этот метод!
Просто одного взгляда достаточно. Очень большая вложенность конструкций. Длинные функции. Куча вложенных then
Sergey
iterator = iterator.then
Sergey
Вообще это можно было свернуть в reduce
Kostya
Предложи другой способ собрать последовательно промиссы???????
Андрей
for-await)
Sergey
for-await)
Ну вот да, если императивный код читать проще, вполне
Sergey
Предложи другой способ собрать последовательно промиссы???????
А почему файлы нужно грузить последовательно?
Kostya
.reduce
Хорошо попробую( просто два года назад сделал скритп на олх добавлял автоматически голоса)) так тогда работал!)) ия его реализовал через жуткий for а внутри промиссы((((((
Kostya
А почему файлы нужно грузить последовательно?
а есть другой способ? Паралельно ну я по думаю как нибудь)))
Kostya
ХОРОШО попробую но помню два года назад использовал все что находили не работало а такой for сработал!!!!!
Anton
Добрый день! Подскажите, пожалуйста: имею компонент со следующей функцией рендера. Этот компонент вызывают другие компоненты. Для разных компонентов, вызывающих данный, классы у дивов и других контейнеров в функции render могут отличаться, но обращения к state, props и так далее всегда в одном и том же месте. Какой паттерн лучше использовать, чтобы максимально правильно унифицировать данный компонент?
Veronica
Anton
пиши {this.props.something ? <div>qwe</div> : null}
не очень понимаю, как это поможет в данной ситуации
Oleg
не очень понимаю, как это поможет в данной ситуации
если пропа будет, будет рендер. иначе не будет.
Anton
если пропа будет, будет рендер. иначе не будет.
у меня не стоит задачи решать, будет рендер или нет мне нужно, чтобы компоненты, вызывающие компонент со скриншота, могли определять, как будут выглядеть обертки внутри функции render
Anton
да, это решение, лежашее на поверхности) я думал, что может быть есть какое-то более хитроумное решение)
Sergey
пиши {this.props.something ? <div>qwe</div> : null}
Почему не {this.props.something && <div>qwe</div>} ?
Anonymous
Ребят, я чет не до конца понимаю про styled-components. Если у меня в компоненте например 50 строк css кода, удобно ли будет потом читать этот js код? Это ж надо каждый раз столько перелистывать, например
Anonymous
То есть обычно стили в другом js файле хранят?
Anonymous
Понял, спасибо
Roman
хранят как удобно
Ilya
Всем привет, кто-нибудь знает хак как можно сделать, чтобы useEffect не реагировал на update ?
Ilya
Окей, сейчас попробую )
Ilya
Помогло, спасибо Но есть ещё одна проблема, я в connect при помощи метода find беру при загрузки приложения из массива один объект по его id и есть такой момент, что с сервера может придти изменёный этот же объект и я его просто изменяю уже в reducer, но он не хочет изменяться, видимо из-за того, что там метод find стоит и он срабатывает тольк при инициализации, как такое можно обойти ?
Oleg
ну не, find срабатывает всегда при апдейте. покажи редуктор.
Oleg
редуктор это шестеренка такая
я имел в виду редьюсер.
Sergey
Вышел this week in react 41 Новости от команды разработки React. - Экспериментальное DOM API для политик браузерных типов Trusted Types - React DevTools: добавление props, выделение legacy context И ещё несколько важных новостей смотрите на канале: https://t.me/this_week_in_react
Oleg
Что означает 41?
счёт, порядок, не?
Roman
ты мутируешь стейт, так нельзя
Ilya
А как лучше сделать ?
Oleg
Сделай новый. Как минимум сделай deepcopy из лодаша (я видел, ты его используешь).
Ilya
То есть мне нужно скопировать поле tasks и уже скопированный объект мутировать ?
Павел
День добрый народ. Помогите горю...
Павел
Пытаюсь создать универсальную функцию для работы с передаваемым стейтом в дочерние компоненты. Стейта разного более 10шт. Для обработки создавать отдельную функцию каждому - бредом попахивает. В условиях использование только реакта
Павел
без. В том то и проблема.
Павел
Как узнаю, так сразу скажу. Мне бы вариант какой придумать... Хоть идею подкиньте.
Oleg
Как узнаю, так сразу скажу. Мне бы вариант какой придумать... Хоть идею подкиньте.
ну если стейт нужен в родительском (то есть, его нельзя перенести на дочерние), то самый очевидный вариант - городить миллион методов в родителе.
N
Друзья, помогите мне как мне реализовать пагинацю страниц на react?
Oleg
переместить стейт выше
и что измениться?