Size: a a a

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

2020 September 19

EA

El Anonimo in React — русскоговорящее сообщество
Hi.
Extend'ю styled компонент.
const OffersBlock = styled(Block)`
 height: calc(100vh - 182px);
`;

Проперть height не видна в инспекторе и её нет на элементе. Что не так?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
El Anonimo
Hi.
Extend'ю styled компонент.
const OffersBlock = styled(Block)`
 height: calc(100vh - 182px);
`;

Проперть height не видна в инспекторе и её нет на элементе. Что не так?
Компонент Block обычный стайлед?
источник

EA

El Anonimo in React — русскоговорящее сообщество
styled.div, может принимать props.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
El Anonimo
styled.div, может принимать props.
Непонятно, сделай пример на codesandbox
источник

EA

El Anonimo in React — русскоговорящее сообщество
Может быть, это. The styled method works perfectly on all of your own or any third-party components, as long as they attach the passed className prop to a DOM element.
https://stackoverflow.com/a/54113434. Block не имеет className.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
El Anonimo
Может быть, это. The styled method works perfectly on all of your own or any third-party components, as long as they attach the passed className prop to a DOM element.
https://stackoverflow.com/a/54113434. Block не имеет className.
Если это обычный стайлед то ненужно
источник

EA

El Anonimo in React — русскоговорящее сообщество
Тимофей 🛴
Компонент Block обычный стайлед?
Block задан так:
export default function Block(props) {...}. Это не обычный стайлед?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
El Anonimo
Block задан так:
export default function Block(props) {...}. Это не обычный стайлед?
Нет( тогда нужен className да
источник

EA

El Anonimo in React — русскоговорящее сообщество
Спасибо.
источник

АБ

Антон Бурчак... in React — русскоговорящее сообщество
Ребят, подскажите пожалуйста!
Почему при изменении ссылки с http://localhost:3000/home на http://localhost:3000/login идет перезагрузка страницы?
Я ведь юзаю BrowserRouter
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Бурчак
Ребят, подскажите пожалуйста!
Почему при изменении ссылки с http://localhost:3000/home на http://localhost:3000/login идет перезагрузка страницы?
Я ведь юзаю BrowserRouter
Изменении ссылки в адресной строке браузера? Или ты по Link переходишь?
источник

АБ

Антон Бурчак... in React — русскоговорящее сообщество
Тимофей 🛴
Изменении ссылки в адресной строке браузера? Или ты по Link переходишь?
Изменении в адресной строке браузера
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Бурчак
Изменении в адресной строке браузера
Так и должно быть
источник

АБ

Антон Бурчак... in React — русскоговорящее сообщество
Тимофей 🛴
Так и должно быть
А как мне тогда редиректить без потери стейта в редаксе? Ведь при обновлении страницы он скатывается на initialState
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Бурчак
А как мне тогда редиректить без потери стейта в редаксе? Ведь при обновлении страницы он скатывается на initialState
С помощью апи react router

И дополнительно можно часть стора сохранять в local storage с помощью redux-persist
источник

АБ

Антон Бурчак... in React — русскоговорящее сообщество
Тимофей 🛴
С помощью апи react router

И дополнительно можно часть стора сохранять в local storage с помощью redux-persist
Т.е. я правильно понимаю, что если пользователь вручную изменит ссылку, то стейт потеряется?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Антон Бурчак
Т.е. я правильно понимаю, что если пользователь вручную изменит ссылку, то стейт потеряется?
Да
источник

KF

Konstantin Fandelyuk in React — русскоговорящее сообщество
Всем привет.
Подскажите пожалуйста, есть такой банальный код .
Не могу вызвать очистку стейта для инпутов

После нажатие на кнопку все, данные в инпутах остаются
источник

АБ

Антон Бурчак... in React — русскоговорящее сообщество
Понял. Но у меня обновляется страница даже когда я перехожу стрелками между страницами
источник

I

IceBerg in React — русскоговорящее сообщество
Антон Бурчак
Понял. Но у меня обновляется страница даже когда я перехожу стрелками между страницами
А стрелки это что в коде?
источник