ну видиш, так нельзя писать {this.props.musicData.apple_music}

ты можешь написать например так ${this.props.musicData.apple_music}

{this.props.musicData.apple_music}

бля

то он и ругается, так как неможет преоброзовать элемент в jsx

та же ошибка

еще оберни в фигурные скобки

деструктурирование надо

еще оберни в фигурные скобки

спасибо, но не помогло , щас это попробую

Здравствуйте! При распределении компонентов по папкам (это 12 урок) компоненты меняют свои места, дублируются, пропадают! Вернуть в исходное положение уже не удается! Хочу переставить винду! Что посоветуете?

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

уже третий!

такая же история

ничего не помогает

в повторении большой плюс! Хорошо запоминается! Но только в данном случае не понятно что!

комп с рук брал! там игрухи стояли и еще не понятно что!

Всм не удается вернуть в исходное положение?

Без разницы что там стояло

Такое ощущение, что ты с компом на «вы»

обратно в папку App.js вставляю и оно все встает но уже не так

Ну и как нам понять что в твоем понимании «не так встает»

меняй комп

пардон ФАЙЛ App.js

Да погодь с заменой компа

Мне кажется тут замена компа не поможет

Ну, что меняется при вставке?

дело было не в бабине?)))

да)

все делаю точно по уроку! до момента распределения компонентов все идет в штатном режиме! раскидал и компоненты меняют места! строки и столбцы перемещаются

Я такую штуку понял что переделывать намного сложнее чем создавать

Я такую штуку понял что переделывать намного сложнее чем создавать

Щас весь проект переношу на свой сервер это пздц геморно

Легче было сам сервер написать

Легче было сам сервер написать

Чем подключить к фронту

Я такую штуку понял что переделывать намного сложнее чем создавать

давно известная истина) но есть нюансы

не всегда можно что-то быстро создать

Кто-то юзал styled-components? Как можно получить кнопку через ref которую создал, или как заставить поменять её цвет при hover

не всегда можно что-то быстро создать

Ну да когда весь проект написан не хочется все переписывать 😄

Кто-то юзал styled-components? Как можно получить кнопку через ref которую создал, или как заставить поменять её цвет при hover

bottomRightGrid: { '&:hover': { outline: 'none', border: 'none' }, '&:active': { outline: 'none', border: 'none' }, '&:focus': { outline: 'none', border: 'none' }, }

что то типа такова я думаю

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

Но если к примеру я создал такую кнопку const Button = styled.button` background: ${red ? "palevioletred" : "white"}; color: ${red ? "white" : "palevioletred"}; font-size: 1em; margin: 1em; padding: 0.25em 1em; border: 2px solid palevioletred; border-radius: 3px; &:hover { color: #000; } `; И потом создаю некоторый const btn = useRef() передаю в btn <Button ref = {btn}> CLICK </Button> То получаю undefined

ну надо код смотреть

Это весь код

ну и Button Это что?

компонент или все же button

По сути компонент

Это весь код

где тогда импорты)

Та я в либе разбираюсь, тут кроме этого куска кода в проекте ничего ещё нет)

ну лан

X X, XXZX XZXZ, вы братья или просто однофамильцы? 😀

X X, XXZX XZXZ, вы братья или просто однофамильцы? 😀

😂😂

Народ. Изучаю Хуки. UseEffect. На примере ProfileStatus все понятно. В компоненте ProfileStatus нет ComponentDidMount. А что делать если эта компонента есть, как например в ProfileContainer. Как перевести компоненту в функциональную? Ведь тогда логика загрузки страницы изменится? Тогда getProfile начнет запускаться раньше чем компонента смонтируется.

Народ. Изучаю Хуки. UseEffect. На примере ProfileStatus все понятно. В компоненте ProfileStatus нет ComponentDidMount. А что делать если эта компонента есть, как например в ProfileContainer. Как перевести компоненту в функциональную? Ведь тогда логика загрузки страницы изменится? Тогда getProfile начнет запускаться раньше чем компонента смонтируется.

копни доки там все есть

X X, XXZX XZXZ, вы братья или просто однофамильцы? 😀

это мой мульт )

)))

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

Ребят, есть около 30 фоток в папке, на сайте нужно подобие галереи маленькими картинками, при нажатии чтобы открывалась на пол экрана. Мне их все проимпортить в какуюто компоненту и сделать типа photos=[{1},{2}.{3}] итд ,мапить на страницу?Или есть вариант полегче? По клику получается через реф походу обращаться чтобы открыло, ну либо сделать карусель и по клику пушить в экранчик, а на нем уже 2 стрелки на - - и ++

let user = { name: "John", money: 1000, endSchool: true, age: 31, gender: boy } // есть объект user нужно преобразовать каждое свойсво в примитивный тип и вивести в консоль // например : name:"john" - is string; // money: 1000 - is number; // endShool: true - bollean; // используя методы преобразования obj[Symbol.toPrimitive](hint) // obj.valueOf() // obj.toString()

Ребят, есть около 30 фоток в папке, на сайте нужно подобие галереи маленькими картинками, при нажатии чтобы открывалась на пол экрана. Мне их все проимпортить в какуюто компоненту и сделать типа photos=[{1},{2}.{3}] итд ,мапить на страницу?Или есть вариант полегче? По клику получается через реф походу обращаться чтобы открыло, ну либо сделать карусель и по клику пушить в экранчик, а на нем уже 2 стрелки на - - и ++

скочать готовые Js галлереи.....

Ребят, есть около 30 фоток в папке, на сайте нужно подобие галереи маленькими картинками, при нажатии чтобы открывалась на пол экрана. Мне их все проимпортить в какуюто компоненту и сделать типа photos=[{1},{2}.{3}] итд ,мапить на страницу?Или есть вариант полегче? По клику получается через реф походу обращаться чтобы открыло, ну либо сделать карусель и по клику пушить в экранчик, а на нем уже 2 стрелки на - - и ++

по идее сервер должен присылать json с урлами фоток

зависит от задачи от размера фоток, в любом случае наверно придется оптимизировать

Кстати ребят, как думаете, есть сайты на вордпрессе, можно на реакте сделать такие же быстрее и удобнее? И будет ли проблемой СЕО, я чуть копнул, вроде не так и сложно. или SSR ,или пререндер есть,некст итд

по идее сервер должен присылать json с урлами фоток

Ну пока доступа к серваку нет, но принцип то мапа такой же будет

Ну то что на реакте должен быть сайт быстрее и отзывчивее мне кажется это 100% Но типа сильно ли нужно будет заморочиться чтобы сделать норм админку по сравнению с вордпрессом

ну можеш сделать масив со списком урлом просто

А что в нем?

И скрин вебпак конфига

это явно не в scss дело

cra обнови

а как импорт.?

И надеюсь node-sass установлен

И надеюсь node-sass установлен

про него обычно месадж вываливается если его нет

про него обычно месадж вываливается если его нет

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

Мда

сделай imprort styles from App.module.scss (файл тоже переименуй) + стили просто через точку className = {styles.mystyle } ну или скобки className = {styles["my-style"]}

сделай imprort styles from App.module.scss (файл тоже переименуй) + стили просто через точку className = {styles.mystyle } ну или скобки className = {styles["my-style"]}

Это то тут причем?

https://github.com/webpack-contrib/sass-loader/issues/761