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

Size: a a a

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

2021 February 08

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

Для каждого пропса отрисовую :
```

return (
        <div className={`userWrap ${activeUser === user.id? 'activeUser': 'unActiveUser'}`}
             onClick={ ()=> { handleFetchUser(user.id)} }
        ></div>
)

```

источник

20:48пожаловаться #1

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

Boroda

Parent component:

return (
        <div>
            { users.map( u => <User key={u.id} user={u}/>) }
        </div>
    )

ну пральна у вас же activeUser локальный стест для компонента User, а этих компонентов у вас много.

Лучше пусть в массиве users у каждого юзера будет флаг isActive и по клику меняйте массив

источник

20:49пожаловаться #2

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

тоесть мне на вверх передавать новое значения?

источник

20:49пожаловаться #3

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

Boroda

тоесть мне на вверх передавать новое значения?

скорее не новое значени, а id user, у которого потом будет устанавливать значения isAcrive в тру

источник

20:50пожаловаться #4

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

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

источник

20:51пожаловаться #5

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

Boroda

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

ну вот от этого свойства isActive и отталкивайтесь когда рендерете <User />

источник

20:52пожаловаться #6

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

а дочерние компоненты сами рередерятся если и родитель ререндерится

источник

20:52пожаловаться #7

ВС

Владимир Соловьев... in React — русскоговорящее сообщество

Кто нибудь знает кто или что мне добавялет эту решетку в URL ??

http://localhost:8081/#/

источник

20:57пожаловаться #8

ВС

Владимир Соловьев... in React — русскоговорящее сообщество

и как это убрать..

источник

20:57пожаловаться #9

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

Роутер

источник

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

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

Владимир Соловьев

Кто нибудь знает кто или что мне добавялет эту решетку в URL ??

http://localhost:8081/#/

hash router

источник

20:57пожаловаться #11

ВС

Владимир Соловьев... in React — русскоговорящее сообщество

Нужно реакт роутер как то настроить по другому?

источник

20:58пожаловаться #12

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

Владимир Соловьев

Нужно реакт роутер как то настроить по другому?

https://reactrouter.com/web/api/HashRouter

ReactRouterWebsite

React Router: Declarative Routing for React

Learn once, Route Anywhere

источник

21:02пожаловаться #13

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

киньте, как переделать componentDidCatch и getDerivedStateFromError в функциональном компоненте

источник

21:07пожаловаться #14

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

krau5

киньте, как переделать componentDidCatch и getDerivedStateFromError в функциональном компоненте

никак

источник

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

necessarily Not nece... in React — русскоговорящее сообщество

Сорян за оффтоп, но все ассоциации с этой беседой и с "грозным дедом"😄

источник

21:08пожаловаться #16

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

krau5

киньте, как переделать componentDidCatch и getDerivedStateFromError в функциональном компоненте

Я ж в другом чате ответил) или ты не поверил?

источник

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

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

Привет народ, может кто посоветовать бесплатный курс по React Native, сделал толковый Todo List, теперь думаю как полноценно его закончить, то есть, дать возможность приложению сохранить список дел после закрытия, и как полноценный билд установить на телефон.

источник

21:17пожаловаться #18

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

Подскажите react-slick можно прокручивать с помощью тачпада?

источник

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

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

Не знаете беседы, где прогеры спорят?

источник

21:50пожаловаться #20