Добрый день. http://prntscr.com/omw017 getUsers вызывается один раз, в редакс в стейт один раз добавляет, но выходит ошибка "Error: Too many re-renders. React limits the number of renders to prevent an infinite loop." т.е буд-то происходит зацикливание, и если вывести props через console.log, то видно, что стейт постоянно меняется, но почему такое может быть? Редюсер http://prntscr.com/omw2fz

попробуй console.log написать в useEffect

я думаю проблема в connect в redux есть хуки для react https://react-redux.js.org/next/api/hooks

mapStateToProps -> useSelector

попробуй console.log написать в useEffect

пробовал, один раз срабатывает

mapStateToProps -> useSelector

Сейчас попробую...спасибо

import {useSelector, useDispatch} from 'react-redux'; const users = useSelector(state => console.log(state)); посмотри что выводит users

const dispatch = useDispatch(); dispatch(userContainer())

connect удали

import {useSelector, useDispatch} from 'react-redux'; const users = useSelector(state => console.log(state)); посмотри что выводит users

underfined

какая версия react-redux ?

у тебя мар стейт то пропс внутри компонента

хуки добавлены в v7.1.0.

а не, гоню, у тебя разметка просто кривая

какая версия react-redux ?

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

Помогите разобраться, сейчас отображается сообщения сразу у всех пользователей, только есть 2 нюанса. Вначале когда входишь на страницу сообщения вообще не видны показывается локальный стейт, потом когда написал сообщение все сообщения становятся видны. И второй момент когда второй пользователь печатает первое сообщение оно перезатерает первое в списке, потом все идет как надо

class MessagesContainer extends React.Component{ constructor(props) { super(props); this.handleData=this.handleData.bind(this); this.state={ messages:[{name:"", message:""}] } }; componentDidMount() { socket.on('give all', this.handleData); UsersAPI.updateData().then(data => this.props.setData(data)) } handleData(data){ console.log(data) this.setState({ messages:[...this.props.messages,{name:data.name, message:data.message}] }) } render() { return ( <Messages messages={this.state.messages}/> ) } } const mapStateToProps=(state)=>{ return{ messages: state.messagesPage.messages, } } const mapDispatchToProps=(dispatch)=>{ return{ setData:(messages)=>{ dispatch(updadeDataActionCreator(messages)); } } }

тоесть если пользователь отправляет сообщение оно отображается 2 раза, а приходит к другому пользователю только одно

может кому понадобится для отправки сообщений

Всем привет! Кто-нибудь знает как передать параметры через NavLink чтобы не обновлялся url? <NavLink params = {item.id} > Возможно ли это?

Всем привет! Кто-нибудь знает как передать параметры через NavLink чтобы не обновлялся url? <NavLink params = {item.id} > Возможно ли это?

точнее задачу опиши, что надо сделать. линк по умолчанию куда-то ведёт

В модальное окно нужно передать параметр, который выведет картинку по ее id. Не переходя никуда.

В модальное окно нужно передать параметр, который выведет картинку по ее id. Не переходя никуда.

модальное окно без navlink делается, можно свой компонень написать можно готовый типа такого https://www.npmjs.com/package/react-modal

Ребята привет.Кто подскажет трабла с уроком 45

TypeError: Object(...) is not a function ConnectFunction C:/react/node_modules/react-redux/es/components/connectAdvanced.js:116 113 | }; 114 | 115 | function ConnectFunction(props) { > 116 | var _useMemo = useMemo(function () { | ^ 117 | // Distinguish between actual "data" props that were passed to the wrapper component, 118 | // and values needed to control behavior (forwarded refs, alternate context instances). 119 | // To maintain the wrapperProps object reference, memoize this destructuring. View compiled updateFunctionComponent C:/react/node_modules/react-dom/cjs/react-dom.development.js:14813 14810 | { 14811 | ReactCurrentOwner$3.current = workInProgress; 14812 | setCurrentPhase('render'); > 14813 | nextChildren = Component(nextProps, context); | ^ 14814 | setCurrentPhase(null); 14815 | } 14816 | nextChildren = finishHooks(Component, nextProps, nextChildren, context); // React DevTools reads this flag. View compiled

вот вкратце код ошибки

там чтото или обновилось или что в Реакте редаксе

уже парюсь так долго

Там урок connect(f1,f2)(Component)

Object.keys мб?

Object()- нету функции, о чем тебе говорит ошибка

щас гляну сек

Не, это вроде в модулях

вот я react-redux установил все вроде сделал

а оно чтото там пишет о модулях я вижу npm install делал

Тип где то не правильный передаешь

Дебажить надо поэтапно

Что то ожидает объект а ты даёшь функцию

Консоль покажи

jQuery нынче фреймворк)))

Что то ожидает объект а ты даёшь функцию

Или наоборот? Вызвать пытается объект как функцию

сейчас еще перепроверю значит

Не если бы он ошибку совершил тут так и показало бы, он передаёт скорее всего куда то функцию вмест обьекта

щас спасибо

Скорее всего в экшенах

jQuery нынче фреймворк)))

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

Возвращает функцию или где то там

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

Я это понимаю))) Просто позабавило)

В библиотеке реакт-редакс значит в экшенах скорее всего

Ожидает объект

щас смотрю

Консоль посмотри что там говорит

Я это понимаю))) Просто позабавило)

Фронтенд девелопер + дизайнер... Я таких отродясь не видал, даже среди сеньоров)

Я это понимаю))) Просто позабавило)

Поидее верстальщика дизайнером назвали)

Здесь есть знатоки GraphQL?

Там урок connect(f1,f2)(Component)

Сейчас ещё попробуй знаешь что

что слушаю

npm uninstall react-redux -S

И снова станови

Черт интернет тупит

хорошо

Это на всякий может у тебя что с самой библиотекой

Поидее верстальщика дизайнером назвали)

А реакт девелопер он ещё и должен хорошо верстать? Или обычно он только логику приложения делает и есть отдельный человек который это верстает?

Должен верстать

А реакт девелопер он ещё и должен хорошо верстать? Или обычно он только логику приложения делает и есть отдельный человек который это верстает?

Ну отдельного человека обычно нету)

Ну отдельного человека обычно нету)

Блин, грёбанная вёрстка, как же я её ненавижу

А реакт девелопер он ещё и должен хорошо верстать? Или обычно он только логику приложения делает и есть отдельный человек который это верстает?

Хочешь быть хорошим девелопером - надо верстать(какоето время хотя бы с помощью Гугла и шаблонов).

Хочешь быть хорошим девелопером - надо верстать(какоето время хотя бы с помощью Гугла и шаблонов).

Да верстать-то я умею, просто не люблю

познакомили с одним парнем, у него команда, клиенты и он искал реакт девелопера. В итоге договорились, завтра буду пробоваться. 2 проекта в которых буду учавствовать: первый - реакт-натив, mobx и совершенно по-своему организованное приложение, буду делать АПИ к крипте, второе - livescript mobx и еще более "не по документации" организованный сайт

практически ничего из курса)

понятия не имею как что буду делать)

Нейтив?) Не гони)

Хз, может и прокатит, главное показывай заинтересованность, а опыт придет, если есть кому подсказать)

Реакт натив не так сложен как кажется

Знаешь реакт его за недельки две можно подучит

хорошо

Так моя ошибка, наоборот ты где то передаешь объект а он ожидает функцию

Так моя ошибка, наоборот ты где то передаешь объект а он ожидает функцию

Во-во)

Посмотри что ты передаешь в connect

вот сейчас смотрю уже супер внимательно