Size: a a a

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

2020 October 09

АК

Андрей Кустов... in React — русскоговорящее сообщество
а как можно дождаться ответа и только после этого выполнять действия?
источник

AS

Andrey Solodov in React — русскоговорящее сообщество
useEffect(() => console.log(isDraggingProgress), [isDraggingProgress]);
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Андрей Кустов
а как можно дождаться ответа и только после этого выполнять действия?
или как @solodov_dev  или переходить на классовый компонент и там у setState есть колбек
источник

АК

Андрей Кустов... in React — русскоговорящее сообщество
спасибо, этот момент понял
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
или! сделать свой useStateWithCallback ))
const useStateWithCallback = (initialState, callback) => {
 const [state, setState] = useState(initialState);

 useEffect(() => callback(state), [state, callback]);

 return [state, setState];
};

отсюда - https://github.com/the-road-to-learn-react/use-state-with-callback/blob/master/src/index.js
источник

АК

Андрей Кустов... in React — русскоговорящее сообщество
Victor Rusakovich
или как @solodov_dev  или переходить на классовый компонент и там у setState есть колбек
получается, что логику которая зависит от isDraggingProgress нужно переносить из функции в useEffect ?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Андрей Кустов
получается, что логику которая зависит от isDraggingProgress нужно переносить из функции в useEffect ?
получается, что да. Можно, конечно, не всю логику, а только вызов функции, где логика будет. Но это и логично - в одном месте меняешь стейт, в другом - ловишь эти изменения. Изменения стейта специально сделали асинхронной операцией, чтобы реакт мог оптимизировать последовательный вызов изменений стейта. Иначе было бы как в первом ангуляре.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Андрей Кустов
получается, что логику которая зависит от isDraggingProgress нужно переносить из функции в useEffect ?
В функциональных компонентах измененное состояние можно использовать только при следующем рендере.
Текущий рендер захватывает свои пропсы и состояние и с ними остается навсегда)
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
народ подскажите плиз, пишу background-image в стилях т.к. в зависимости от media, картинка будет меняться (для мобилок поменьше). но ошибка с путями к картинке. я что-то пишу не верно. но как верно написать не понимаю, подскажите плиз
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
источник

AS

Artem Sidorov in React — русскоговорящее сообщество
Походу на отсутствие кавычек жалуется
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
с ковычками тоже пробовал, не пашет
источник

DS

Darya Syutkina in React — русскоговорящее сообщество
вебпак + картинки = жопа
источник

DS

Darya Syutkina in React — русскоговорящее сообщество
Artem Sidorov
Походу на отсутствие кавычек жалуется
потому что можно и с кавычками и без
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Darya Syutkina
вебпак + картинки = жопа
что мне реакт на галпе чтоль собирать изза картинок в стилях?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Yaroslav Sh.
народ подскажите плиз, пишу background-image в стилях т.к. в зависимости от media, картинка будет меняться (для мобилок поменьше). но ошибка с путями к картинке. я что-то пишу не верно. но как верно написать не понимаю, подскажите плиз
ответ сильно зависит от конфига.. как собираешь приложение?
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Victor Rusakovich
ответ сильно зависит от конфига.. как собираешь приложение?
cra
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
так а у меня что сделано не верно?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Yaroslav Sh.
так а у меня что сделано не верно?
для начала - положи картинку в ту же папку где и css и попробуй ее загрузить как url(./img.png)
источник