Anton
El
Есть стор, в котором массив в 8000 объектов. Они туда попадают при запуске приложения. Объекты листятся, нужно понравившиеся сделать favourite. Изначально на объекте isFav нету. Как сделать?
Пока идея брать объект по его id и юзать тот же action creator, который насыщает стор в начале приложения. Попутно добавив isFav в объект с нужным id через forEach.
Фактически, вопрос был о как иметь доступ к стору, помимо через action creator. Что не гонять в обе стороны длииииный массив, а поменять в нём часть элементов, пока массив лежит в сторе.
Oruj
<Route path='/basket' component={ShoppingBasket} />
а чем ему дочерний компонент ненра? как в доках
Anton
а чем ему дочерний компонент ненра? как в доках
а, хз, не знал, что так можно 🤷♀️ думал, оно только функцию принимает
El
"Не хочет перeключаться" - не отображает компонент или ошибка?
El
Что б увидеть children, нужно
<myComponent>{ children }</myComponent>.
Oruj
"Не хочет перeключаться" - не отображает компонент или ошибка?
консоль вроде был чистый. ща попробую пропсом передать а потом опять попробую вернуться к док варианту
Oruj
Что б увидеть children, нужно
<myComponent>{ children }</myComponent>.
Oleg
чем отличается input от text field в материале?
Oleg
Oruj
<Route path='/basket' component={ShoppingBasket} />
так не сработало. да не там по ходу у меня где то кака в коде
Oleh
мое уважение
El
так не сработало. да не там по ходу у меня где то кака в коде
Вам каким-то образом нужно задействовать child того Route`a, в которые вы этот `child` оборачиваете. Пока не знаю, как. Это если вам интересна такая именно схема.
Посмотрите на 2-й кусок кода на https://dev.to/gloriamaris/using-children-props-for-authenticated-routing-in-react-router-v5-and-react-16-9-3e0m.
Oruj
чувак ты о чем говоришь?)) все же намного примитивнее
https://reacttraining.com/react-router/web/guides/quick-start
El
Switch делает совсем не это.
El
На английском это слово це переключатель. Он "переключает" между компонентами, т. е. предотвращает доступ разом к нескольким в Router, разрешая доступ только к одному, последовательно по списку компонентов в Router.
Oruj
е*аный в р*т я оказывается Link-и также обернул об Route и поэтому не работало
Yury
е*аный в р*т я оказывается Link-и также обернул об Route и поэтому не работало
однако на скрине нам этого не показал
Oleg
может кто подсказать, почему стили перезаписываются в material? я пишу класс, он елементу приходит, но внизу. не могу понять, в чём проблема.
import { Button as MUIButton } from '@material-ui/core'
export const Button = (props) => {
const {
children, className,
} = props
return (
<MUIButton
variant={'contained'}
className={className}
>
{children}
</MUIButton>
)
}
Oleg
через makeStyles работает только... а свой css нельзя прикрутить?
Andrew
Stanislav
Друзья привет! Кто практикует наставничество?
Michail
Sergey
T.A
ребят у cra есть опция которая создаёт проект с eslint+prettier и ts
Vadim
Aza 👁️
ребят у cra есть опция которая создаёт проект с eslint+prettier и ts
если не секрет, сколько лет?
Sergey
T.A
можете поделиться ссылкой на статью если есть?
вроде актуально
https://dev.to/ganeshmani/how-to-use-eslint-and-prettier-in-typescript-project-2pj1
Michail
node_modules не надо обновлять так
просто обнови библиотеки или же сделай ПР с исправлением
обновил yarn upgrade —latest, все равно варнинги) походу они не завезли
Anonymous
hello friends good afternoon, I'm looking for projects so I can contribute on github, anything and just calls me in private
Sergey
hello friends good afternoon, I'm looking for projects so I can contribute on github, anything and just calls me in private
this is russianspeaking group.
open thedevs.network
Mikhail
Зачем?
Roman
Свидетель
Mishka
вопрос: чем вы руководствуетесь, когда определяете правила для eslint/tslint в своих проектах.
мне кажется, что это достаочно сильный инструмент, и использовать только стандартный реактовский сет как-то недостаточно что-ли.
но вот от чего отталкиваться и какие правила вписывать не совсем понятно
Sergey
Mishka
может кто что подскажет
Dmitry
Смотрю какие правила стоят в airbnb и ставлю себе которые мне нравятся
Dmitry
Я неопытный
Sergey
GitHub.com/atomixinteractions/eslint-config
Vlad
Гайс, так можно делать?
export default connect(
null,
mapDispatchToProps
)(withRouter(App));
Nurdan
Лично я так делаю
Сергей
Vlad
Просто не хочу класс
Сергей
Хотя ещё лучше через compose. Или как то так..не помню как правильно пишется..
Саша
Евгений [ : Kyber : ]
всем привет
подскажите поалуйста, реально ли как-то запустить перерендеринг всех компонентов при определенном действии в одном компоненте?
К примеру что бы компоненты изменили свое состояние после авторизациия пользователя. Авторизация происходит без каких-то редиректов и т.п.
Евгений [ : Kyber : ]
Если это что-то меняет то реакт с редаксом.
Alexander
Если это что-то меняет то реакт с редаксом.
Обновить Стейт компонента, который сверху иерархии?!
Sergey
всем привет
подскажите поалуйста, реально ли как-то запустить перерендеринг всех компонентов при определенном действии в одном компоненте?
К примеру что бы компоненты изменили свое состояние после авторизациия пользователя. Авторизация происходит без каких-то редиректов и т.п.
нельзя просто так это сделать
Но чаще всего достаточно перерендерить root компонент
Некоторые компоненты завернутые в Memo или Pure, не будут перерендерены
Андрей
всем привет
подскажите поалуйста, реально ли как-то запустить перерендеринг всех компонентов при определенном действии в одном компоненте?
К примеру что бы компоненты изменили свое состояние после авторизациия пользователя. Авторизация происходит без каких-то редиректов и т.п.
Да. Удаляете корневую ноду и делаете ReactDom.render.
Сергей
всем привет
подскажите поалуйста, реально ли как-то запустить перерендеринг всех компонентов при определенном действии в одном компоненте?
К примеру что бы компоненты изменили свое состояние после авторизациия пользователя. Авторизация происходит без каких-то редиректов и т.п.
Поставь в редюсере флаг какой то который при авторизации делай тру и от него рендери там где надо..
Sergey
бесплатно только в чатах и только когда есть настроение
Евгений [ : Kyber : ]
спасибо всем кто откликнулся й подсказал, буду исходя с советов пробовать 👍🏻
Igor
да окей)
El
Почему тут не работает? каждый новый action.payload должен пушиться в стейт, не?
const favourites = (state = initialState, action) => {
switch(action.type) {
case SET_FAVS:
return {
...state,
favourites:
state.favourites.map(item => item.symbol === action.payload.symbol).length > 0
? [...state.favourites.filter(item => item.symbol !== action.payload.symbol)]
: [...state.favourites, action.payload]
};
default:
return state;
}
};
El
? из тернарника отрабатывает хорошо, клик по тому же айтему убирает его со страницы.
RaHimoV
Hi dear
RaHimoV
Who can speak English ???
I want to become “ best fronted web developer “
For this what I should learn ???
And which site is the best for learning??
Currently I’ve finished “html5 “
And now I am learning “ css “
Please give advice
Who the best in fronted
Dmitry
RaHimoV
https://javascript.info/
Thank you
But there are only javascript
Html
Css
Js
Bootstrap
React
Are these also important??
Am I right
Anonymous
Какие ещё есть сайты с готовыми примерами?
https://reactjsexample.com/tag/todo/
Что бы как тут какие то сторонние библиотеки были
RaHimoV
What do you think about
Www.w3schools.com
Ivan
Thank you
But there are only javascript
Html
Css
Js
Bootstrap
React
Are these also important??
Am I right
You have to finish learn js first