Как в React js менять класс по клику на иконку?

Когда разрабатываем на React можно несколько решений придумать для этой задачи.

например по клику менять локальный стэйт и взависимости от стейта показывать или убирать меню.

Если в sidebar будет с анимацией то можно и с добавлением класса сделать, будет удобно использовать classNames для присвоения нескольких классов тегу

Как прятать блок по скроллу?

WapSter, точно, поторопился с ответом) там с Jquery

Что значит в пост запросе url: "?" + request?

sergeyviktorovich,

url: "?" + request,

тут должна быть api-шка которая обрабатывает запрос на сервере и все, без приставки + request

Как прятать блок по скроллу?

Вот на чистом js

Как вывести содержание промиса в dev?

а если нужно просто вернуть чтобы потом использовать данные? Например в div вывести
Пробую вот так делать

let resultsAward = gamesResultsAward();
resultsAward = resultsAward.then(data => {
return data;
});

не работает

Как правильно инкапсулировать внутри компонента React?

McBernar, кстати вопрос который мне поставили на мою форму записи выглядит вот так

- Почему ты решил задавать alt и src снаружи? Разве это нельзя инкапсулировать внутри компонета UserProfile?

И затем я не понял что как именно нужно сделать

Как правильно инкапсулировать внутри компонента React?

McBernar, я правильно понимаю, из статьи, что мне нужно картинку вынести в отдельный компонент? Это и будет решением этой проблемы? По сути мы же получается уже будем передавать props не "снаружи", а внутри в дочерний эллемент ?

Как правильно инкапсулировать внутри компонента React?

McBernar, не исключаю, что я путаюсь в терминах, так вопрос был поставлен мне, и я неколько не до конца понял как правильно сделать в контексте так поставленного вопроса.
Как более правильно передавать src и alt ? Возможно следует для аватарки сделать отдельный компонент? И тогда уже alt и src будут передоватся дочернему компоненту, это будет более правильно?

Как правильно инкапсулировать внутри компонента React?

А можно пример какой то? Очень хочется разобраться

Как правильно инкапсулировать внутри компонента React?

А можно пример кодом? HOC просто ещё не освоил

Почему не выводит несколько классов в React компоненте при использовании css модуля для изоляции стилей?

Andrew, Без неё я получаю ошибку

./src/LogoComponent/LogoComponent.js
  Line 8:  Parsing error: Unexpected token, expected ","

   6 | 
   7 |   return (
>  8 |     <div className={(classes["logo-log-in_layout"] classes["logo-log-in"])}>
     |                                                    ^
   9 |       <img
  10 |         className={classes["logo-log-in__img"]}
  11 |         src="./../img/Logo.svg"

Как правильно по методологии БЭМ, вот у меня есть логотип и он стоит по центру страницы с отступом от верха, что нужно выносить в Модификаторы?

Анита Ковалева, спасибо за помощь!

У меня не много другая структура, но все равно спасибо.

Как правильно по методологии БЭМ, вот у меня есть логотип и он стоит по центру страницы с отступом от верха, что нужно выносить в Модификаторы?

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

<div class="header-block">

<div class="header-bloc__logo logo">

       <img class="log__img" src="img/Logo.svg" alt="Logo Mercury Developers">

</div>

а по стилям, позиционирование мы задаем классу header-block

Почему не меняется цвет текста в input?

Решение нашёл на префиксах, понятное дело что, для остальных браузеров нужно соответственно проставить.

Ну а какой более стандартный вариант?

Почему не меняется цвет текста в input?

Сергей delphinpro, Ну так, в общих чертах. Но если можете описать что произошло, буду благодарен

Как оптимально или универсально проверять валидацию на имя в форме при помощи js?

FabiBoom, все вместе универсально и оптимально. Как это делается в продовых проектах?
ну так чтобы опытные ребята посмотрели и не сказали что за хрень ты тут написал

Как вставить шаблонную строку перед нужным мне HTML элементом?

Как раз нагуглил его и хотел уже сюда ответить))

Как правильно организовать структуру папок и файлов в ООП подходе при решении тестового задания по js?

Я правильно понимаю, что для простого приложения нам достаточно просто иметь, как обычно

index.html
style.css
common.js

И в файле common.js мы просто используем стиль ООП ?

И если junior такое покажет на проверке то его не заругают, типо "что за хрень ты наворотил"
"Где тут MVC ?" и т.д.

Как правильно выводить шаблон js через цикл?

Работает, спасибо!)

Как правильно отслеживать scroll вниз и в верх, js 6?

Сергей delphinpro, спасибо! Постараюсь намотать на ус!