Ребят, а как в классовой компоненте правильно работать с connect?

class HeaderContainer extends React.Component { state = {isOpen:true} render() { console.log(this) return( <Header/> ) } } const mapStateToProps = (state) => { return{ menuData:state.menu.menuList, isOpen: state.isOpen } } // const mapDispatchToProps = (dispatch) => { // return{ // burgerStateCallback: () => { // this.setState ({isOpen: !state.isOpen}) // } // } // } export default connect(mapStateToProps)(HeaderContainer)

как теперь передать данные в <Header/>?

как теперь передать данные в <Header/>?

<HeaderContainer menuData={props.menuData} isOpen={props.isOpen} /> не ?

можешь поставить временно ИЛИ протестить подключились ли стили, а потом смотреть уже все вернуть и смотреть приходит ли в пропсах р

Макс,давай не сливайся,поогай давай)) куда дальше смотреть )

комп включал

да у меня все так как у тебя (только module.css) и работает

уже и серв перезапустил,не получилось(

а попробуй сделать css модульным как в уроке (посмотрим в этом ли проблема)

уже и серв перезапустил,не получилось(

Какая ситуация сейчас? На самом первом скрине ты что проверяешь?

Какая ситуация сейчас? На самом первом скрине ты что проверяешь?

урок 55. Если текущая страница равна "р" то цепляем к ней стиль current....

а попробуй сделать css модульным как в уроке (посмотрим в этом ли проблема)

да я пропустил модули,для каждой компоненты отдельный файл css делаю )

Такая щас картинка

урок 55. Если текущая страница равна "р" то цепляем к ней стиль current....

Ща я домой дойду, напишу

При нажатии на странички- траница перерисовывается,но стайл этих циферок не меняется(

там в конце случайно фигурные не лишние? в строке спана

там в конце случайно фигурные не лишние? в строке спана

не,там одна для колбека,вторая для ретурна от колбэка)

не,там одна для колбека,вторая для ретурна от колбэка)

у тебя спан на строке ретурна....или я туплю...там вродь круглые и фигурные не нужны

https://medium.com/@stasonmars/%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE-%D1%82%D1%80%D1%91%D0%BC-%D1%81%D0%BF%D0%BE%D1%81%D0%BE%D0%B1%D0%B0%D0%BC-%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8-%D0%B2-react-2ca5c0c7464b

нашел

👍

Народ, посоветуйте - стоит изучать VUE после React?

если димыча чат сам уже можешь написать не подглядывая, то стоит)

вроде справляюсь)

Кто шарит, зачем в js тип Symbol? Когда его применять?

Кто шарит, зачем в js тип Symbol? Когда его применять?

Максимально защищённый индетификатор, который не образуется в строку и, вроде как, в буль.

Понял

Спасибо

Вообще по факту данные индетификаторы используются для отладки кода + одинаковые идентификаторы никогда не равны. Что-то типо того: let id1 = Symbol("id"); let id2 = Symbol("id"); alert(id1 == id2); // false

Хреново конечн наверно,но вышел из ситуации так )

всем привет. У меня есть табы, с определённой структурой (стандартные) Не могу понять, почему активный таб не преобретает зелёный цвет. Ссылка: https://codesandbox.io/embed/sweet-butterfly-1220h?fontsize=14 Спасибо огромное за помощь)

тут ты сравниваешь индексы activeTabIndex == index; но тогда ты должен делать +setActiveTab(selecteTab[0].index); (+ для === сравнения или преобразуй к Number)

Хреново конечн наверно,но вышел из ситуации так )

total.map(p=> <span className={props.currentPage ===p? 'selectedPage': null}>{p}</span>) а так?

Народ, посоветуйте - стоит изучать VUE после React?

последовательность не важна, главное чтобы не было каши)

согласен)

Спасибо

лучше почитай у Кантора про Symbol будет трушное понимание

Как раз там нихера не понял

а) ну бывает

Точнее не понял где это надо а повседневном коде

Как раз там нихера не понял

ахахах жиза) я тоже часто после него ищу другие статьи)))

Как раз там нихера не понял

«Символ» представляет собой уникальный идентификатор. - что значит что он уникальнее даже чем строка, строки могут совпадать символы нет

Да это я понял

в большинсве случаев если ты не знаешь зачем тебе символы - они тебе не нужны)

в основном они используются внутри самого языка

Ну вот так бы сразу)

total.map(p=> <span className={props.currentPage ===p? 'selectedPage': null}>{p}</span>) а так?

Работает😊 спасибо)

Работает😊 спасибо)

пожалуйста)

Привет

Есть кто шарит в Material UI?

или ReduxForm?

или ReduxForm?

или? а в чем вопрос?

Люди, помогите пожалуйста. Я уже реально не знаю, что делать. Крч работало приложение и было все круто, потом перезапустил его и конец. Вот такая ошибка:

Ошибки нет, когда закомментировал кусок кода:

здесь когда корневой див пустой, все норм

как только раскоментировал мэп, сразу ошибка

то есть, ошибка точно в мэпе

Проверь что у тебя приходит в props.forecast через typeof

Array

уже 50 раз проверял

или? а в чем вопрос?

В redux-form есть компонента Field. А в Material UI есть компонента KeyboardTimePicker. Если я помещаю KeyboardTimePicker в Field, то пропадает стандартная валидация Material UI для полей.

Вопрос как пробросить ошибки из Material UI в redux-form

уже 50 раз проверял

Сложно сказать, в чём проблема. Попробуй преобразовать props.forecast в массив принудительно.

Сложно сказать, в чём проблема. Попробуй преобразовать props.forecast в массив принудительно.

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

Может быть проблема в компоненте ( хотя если честно, сомневаюсь )

преобразовал

с помощью Array.from

не помогло

Forecast - компоненту скинь её код

Короче ошибка явно указывает на компоненту. Пишет, что должно быть либо строка либо функция, но это объект.

Если честно, без песочницы не обойтись

траблы с айтемом. Когда даже вот так обращаюсь к нему, ошибка возникает

если просто вывожу в <p> текст - все норм

Forecast - компоненту скинь её код

https://www.codepile.net/pile/n4RgXgZG

Forecast - компоненту скинь её код

https://www.codepile.net/pile/48lvGAyB

Вопрос как пробросить ошибки из Material UI в redux-form

Вот это ты усложняешь) пока идей нет...

Forecast - компоненту скинь её код

Там проблема точно с ForecastItem. Когда обращаюсь в Forecast к свойствам айтемов - все норм. Но как только засунул в мэп ForecastItem - все упало...

Там проблема точно с ForecastItem. Когда обращаюсь в Forecast к свойствам айтемов - все норм. Но как только засунул в мэп ForecastItem - все упало...

Это прям ну очень странно. Я даже предложить ничего больше не могу, как просто удалить этот участок когда и заново его написать проверяя каждый шаг. Попробуй вывести в лог этот массив, вывести массив[0], попробуй поромапить другой массив.

Это магия... Мэп Даже пустой компонент ForecastItem, с пустой дивкой не хочет принимать

Переименовал файл и все заработало... 😞😞😞 Круто