Телеграмм чат группы react

2020 November 02

Д

Діма in React — русскоговорящее сообщество

Denis Kison

Пробовали forceUpdate?

в функциональном компоненте не работает =(
Впадлу екстендить
если другого способа не найду то буду пробовать

источник

15:12пожаловаться #1

Q

Qop in React — русскоговорящее сообщество

Діма

Привет.
Подскажите пожалуйста.
Можно ли в реакте перерисовать компонент без изминения стейта.
У меня есть стейт в котором содержатся пути к изображениям.
state = {images: [img1.jpg, img2.jpg]}

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

Как такое можно сделать ( у меня функциональный компонент)

можешь добавить поле rotateDeg в каждую картинку

источник

15:12пожаловаться #2

Q

Qop in React — русскоговорящее сообщество

и функция пусть меняет это состояние

источник

15:13пожаловаться #3

Д

Діма in React — русскоговорящее сообщество

Qop

можешь добавить поле rotateDeg в каждую картинку

А тоесть одновременно поворачивать картинку в css после того как на backend повернет..

источник

15:16пожаловаться #4

DD

Dragon3DGraff DGN in React — русскоговорящее сообщество

Dmitry Sidorov

Подскажите, стоит ли в зависимости useEffect пихать акшены

https://m.habr.com/ru/company/ruvds/blog/445276/
Это на русском то же самое

Хабр

Полное руководство по useEffect

Вы написали несколько компонентов с использованием хуков. Возможно — даже создали небольшое приложение. В целом результат вас вполне устраивает. Вы привыкли к API и в процессе работы обнаружили...

источник

15:16пожаловаться #5

Д

Діма in React — русскоговорящее сообщество

Интересно, но немного не то.
Хотелось бы просто обновлять стейт актуальный.

А то так по факту я буду копировать функцию.

источник

15:16пожаловаться #6

T

TARAS in React — русскоговорящее сообщество

Нормальная ли практика сделать общий компонент <Text> и через styled-components указывать элемент <Text as='h1'>Title</Text> или же лучше сделать отдельные компоненты title, span, paragraph?

источник

15:16пожаловаться #7

DS

Dmitry Sidorov in React — русскоговорящее сообщество

Dragon3DGraff DGN

https://m.habr.com/ru/company/ruvds/blog/445276/
Это на русском то же самое

Хабр

Полное руководство по useEffect

Вы написали несколько компонентов с использованием хуков. Возможно — даже создали небольшое приложение. В целом результат вас вполне устраивает. Вы привыкли к API и в процессе работы обнаружили...

Спасибо

источник

15:16пожаловаться #8

🔳P

🔳 Vadim Patsev in React — русскоговорящее сообщество

Діма

Привет.
Подскажите пожалуйста.
Можно ли в реакте перерисовать компонент без изминения стейта.
У меня есть стейт в котором содержатся пути к изображениям.
state = {images: [img1.jpg, img2.jpg]}

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

Как такое можно сделать ( у меня функциональный компонент)

прежде всего надо ответить на вопрос как реакт узнает что изменилось в данных во вне (повернулись картинки). Если из урлов это непонятно (это уже небольшая проблема) то надо вводить какую-то метаинформацию про эти картинки из изменения которой станет понятно что они повернуты

источник

15:19пожаловаться #9

Д

Діма in React — русскоговорящее сообщество

🔳 Vadim Patsev

прежде всего надо ответить на вопрос как реакт узнает что изменилось в данных во вне (повернулись картинки). Если из урлов это непонятно (это уже небольшая проблема) то надо вводить какую-то метаинформацию про эти картинки из изменения которой станет понятно что они повернуты

Да что то обновил и понял что не туда копаю)
нужно api запрос еще раз отправить)

кароче сейчас разберусь
Спасибо за советы

источник

15:20пожаловаться #10

S

Stanislav in React — русскоговорящее сообщество

TARAS

Нормальная ли практика сделать общий компонент <Text> и через styled-components указывать элемент <Text as='h1'>Title</Text> или же лучше сделать отдельные компоненты title, span, paragraph?

обратите внимание на то как типографика в том же material design (не material-ui) сделана

источник

15:23пожаловаться #11

DS

Dmitry Sidorov in React — русскоговорящее сообщество

С чем может быть связано, когда ошибка пишется только после build?

источник

15:23пожаловаться #12

T

TARAS in React — русскоговорящее сообщество

Stanislav

обратите внимание на то как типографика в том же material design (не material-ui) сделана

Спасибо чекну

источник

15:24пожаловаться #13

S

Stanislav in React — русскоговорящее сообщество

Stanislav

обратите внимание на то как типографика в том же material design (не material-ui) сделана

в конечном итоге можно сделать так:

<Typography variant="body2/etc" as="tagName" />

источник

15:24пожаловаться #14

ЖЕ

Женя 🐍 Егоров... in React — русскоговорящее сообщество

подскажите пж, почему в onOpenChange-коллбеке не обновляется tempRange? в консоли вижу, что он вызывается после onChangeRangePicker и по идее все норм должно быть

источник

15:42пожаловаться #15

ЖЕ

Женя 🐍 Егоров... in React — русскоговорящее сообщество

вот шо я вижу

источник

15:43пожаловаться #16

ЖЕ

Женя 🐍 Егоров... in React — русскоговорящее сообщество

источник

15:43пожаловаться #17

ЖЕ

Женя 🐍 Егоров... in React — русскоговорящее сообщество

ну и в инспекте реакт-компонента видно что tempRange поменялось

источник

15:46пожаловаться #18

IT

Islomkhuja Tashpulat... in React — русскоговорящее сообщество

Ребята кто-нибудь знаеть почему вот такой код не выдаёть ошибку в TS

type RefFuncVoid = (strRef: string) => void

const func = (str: string): string => {
    return str
}

const refFuncVoid: RefFuncVoid = func

А если изменить void на number тогда ругается

источник

16:06пожаловаться #19

S

Stanislav in React — русскоговорящее сообщество

Islomkhuja Tashpulatov

Ребята кто-нибудь знаеть почему вот такой код не выдаёть ошибку в TS

type RefFuncVoid = (strRef: string) => void

const func = (str: string): string => {
    return str
}

const refFuncVoid: RefFuncVoid = func

А если изменить void на number тогда ругается

@ts_ru

источник

16:09пожаловаться #20