@react_js - страница 477 - Telegram web archive

Daniil

Стэйт всё равно пустой

Oleg

sooka

Oleg

ну значит first_name пустой. выведи его после присваивания.

Daniil

переписал вот так и всё работает

Daniil

спасибо

DjKaira

👍

Ilia

Ребят , а react-redux хуки уже можно юзать?

Vadim

Ребят , а react-redux хуки уже можно юзать?

ну открой доку)

Ilia

Ну я так понял еще альфа версия

🦜

У меня есть степпер, нужно отобразить контент взависимости от шага. Есть компоненты, которые отображают контент конкретного шага. Рендер по условию здесь выглядит дико, вот думаю как разрулить это. В голову приходит Map, как думаете нормальное решение через него?

Vadim

Ну я так понял еще альфа версия

https://react-redux.js.org/api/hooks

Vadim

стабильная версия

ed.t

У меня есть степпер, нужно отобразить контент взависимости от шага. Есть компоненты, которые отображают контент конкретного шага. Рендер по условию здесь выглядит дико, вот думаю как разрулить это. В голову приходит Map, как думаете нормальное решение через него?

map на каждый степ? зачем рендерить все степы если нужен только 1? может лучше filter? и рендер того который подошел

🦜

map на каждый степ? зачем рендерить все степы если нужен только 1? может лучше filter? и рендер того который подошел

filter будет проходится по всему массиву, с Map будет O(1)

ed.t

filter будет проходится по всему массиву, с Map будет O(1)

я подумал что [].map 🙂 ок понял, ну решений то можно миллион придумать в таком члучае

🦜

я подумал что [].map 🙂 ок понял, ну решений то можно миллион придумать в таком члучае

Ну вот я думаю как бы сделать, либо мап, либо заранее все в объекте хранить и подключить лейзилоад

🦜

напомните хак для React.lazy и named export

Roman

напомните хак для React.lazy и named export

прокси модуль

🦜

React.lazy(() => import('../../features/Displays').then(({ Displays }) => ({ default: Displays })) или import {lazy} from 'react' export function lazier (resolver, name = 'default') { return lazy(async () => { const resolved = await resolver() return {default: resolved[name]} }) } const ExampleOne = lazier(() => import('./Example.js'), 'Example')

Pasha

Может кто знает как победить подобную хрен в vscode? CRA3 + craco. Тесты проходят успешно, но эта подсветка бесит.

wolfe

Может кто знает как победить подобную хрен в vscode? CRA3 + craco. Тесты проходят успешно, но эта подсветка бесит.

у вас же прямо написано, что нужно сделать

wolfe

или это не помогает?

Pasha

у вас же прямо написано, что нужно сделать

я не тупой)) не помогает, в том то и дело

ed.t

я не тупой)) не помогает, в том то и дело

может надо что-то в стиле обновить eslintrc и добавить env.jest?

Vladimir

я не тупой)) не помогает, в том то и дело

в tsconfig "types": [ "jest", ... ],

Pasha

в tsconfig "types": [ "jest", ... ],

спасибо, задышал

wolfe

странно, у меня без этих плясок подцепил типы. они даже не установлены

Ivan

Как изменить hover в react material?

🦜

Как изменить hover в react material?

на какой компонент?

Ivan

на какой компонент?

На ListItem в дровере

🦜

На ListItem в дровере

makeStyles listItem: { '&:hover': your styles } const classes = useStyles() ListItem className={classes.listItem}

Ilia

Ребят я новичек и возможно вопрос глупый ,но правильно ли я понимаю ,лучше в родительском компоненте получить данные из redux и передать через props дочернему или лучше в самом дочернем connect-иться и получать там данные?

Bowie

Ребят я новичек и возможно вопрос глупый ,но правильно ли я понимаю ,лучше в родительском компоненте получить данные из redux и передать через props дочернему или лучше в самом дочернем connect-иться и получать там данные?

Если компонент планируется много переиспользовать то да

🦜

Если компонент планируется много переиспользовать то да

Как раз, если компонент будет реюзабельный, то он должен через пропсы только получать данные, а не через коннект

Bowie

Как раз, если компонент будет реюзабельный, то он должен через пропсы только получать данные, а не через коннект

Так об этом и речь 🙂

Ilia

Понял,спасибо!)

Ilia

Могу ли я использовать хук useDispatch внутри useEffect таким образом?)

🦜

Могу ли я использовать хук useDispatch внутри useEffect таким образом?)

ну если работает, значит можешь

🦜

это же просто функции

Ilia

Так работает ,просто если напрямую вызывать useDispacth внутри useEffect ,то ошибка всплывает

Ilia

А когда я useDispatch в переменную помещаю и уже вызываю через переменную,то ошибки нет

Ilia

Хуки могут быть вызваны только внутри тела функционального компонента. - Ошибка

🦜

Хуки могут быть вызваны только внутри тела функционального компонента. - Ошибка

ну все правильно

🦜

почитай доку про хуки

Ilia

Все,туплю

Ilia

Спасибо!)

Kostya

Всем привет прошу помощи по машрутизации Link to не перенаправляет какие могут проблемы? import { BrowserRouter as Router, Route, Switch } from "react-router-dom" import Home from "./component/Home" import Contact from "./component/Contact" import React from "react" export default () => ( <Router> <Switch> <Route path="/" component={Home} /> <Route path="/vk" component={Contact} /> </Switch> </Router> )