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

Hi.
Extend'ю styled компонент.

const OffersBlock = styled(Block)`
  height: calc(100vh - 182px);
`;

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

18:26пожаловаться #1

Hi.
Extend'ю styled компонент.

const OffersBlock = styled(Block)`
  height: calc(100vh - 182px);
`;

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

Компонент Block обычный стайлед?

18:30пожаловаться #2

styled.div, может принимать props.

18:31пожаловаться #3

styled.div, может принимать props.

Непонятно, сделай пример на codesandbox

18:33пожаловаться #4

Может быть, это. 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.

18:33пожаловаться #5

Если это обычный стайлед то ненужно

18:34пожаловаться #6

Компонент Block обычный стайлед?

Block задан так:
export default function Block(props) {...}. Это не обычный стайлед?

18:38пожаловаться #7

Block задан так:
export default function Block(props) {...}. Это не обычный стайлед?

Нет( тогда нужен className да

18:39пожаловаться #8

Спасибо.

Антон Бурчак... in React — русскоговорящее сообщество

18:40пожаловаться #9

АБ

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

18:57пожаловаться #10

Изменении ссылки в адресной строке браузера? Или ты по Link переходишь?

Антон Бурчак... in React — русскоговорящее сообщество

19:00пожаловаться #11

АБ

Изменении ссылки в адресной строке браузера? Или ты по Link переходишь?

Изменении в адресной строке браузера

19:00пожаловаться #12

Изменении в адресной строке браузера

Так и должно быть

Антон Бурчак... in React — русскоговорящее сообщество

19:00пожаловаться #13

АБ

Так и должно быть

А как мне тогда редиректить без потери стейта в редаксе? Ведь при обновлении страницы он скатывается на initialState

19:01пожаловаться #14

С помощью апи react router

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

Антон Бурчак... in React — русскоговорящее сообщество

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

АБ

С помощью апи react router

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

Т.е. я правильно понимаю, что если пользователь вручную изменит ссылку, то стейт потеряется?

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

Т.е. я правильно понимаю, что если пользователь вручную изменит ссылку, то стейт потеряется?

Да

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

19:02пожаловаться #17

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

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

Антон Бурчак... in React — русскоговорящее сообщество

19:04пожаловаться #18

АБ

Да

Понял. Но у меня обновляется страница даже когда я перехожу стрелками между страницами

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

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

Понял. Но у меня обновляется страница даже когда я перехожу стрелками между страницами

А стрелки это что в коде?