Size: a a a

React — русскоговорящее сообщество

2021 March 13

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
Kraft Punk
у меня такой вопрос: хочу по клику на кнопку развернуть во весь экран карту. Делаю массив классов, который потом соединяю методом join(' '). при клике на кнопку в массив залетает новый класс, который отвечает за разворачивание во весь экран. стейт обновляется, класс залетает, но почему-то не меняется на сайте, может кто помочь с этим?
что в styles.map лежит?
источник

KP

Kraft Punk in React — русскоговорящее сообщество
просто класс, который висит для маленькой, неразвёрнутой карты
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
Kraft Punk
просто класс, который висит для маленькой, неразвёрнутой карты
Покажи прям внутренности, что именно, какое значение и как
и желательно со styles.fullscreen тоже
источник

S

Sergei in React — русскоговорящее сообщество
Nikolay Smagin
Ребят, всем привет)
Как думаете, как лучше реализовать можно этот компонент с вкладками?
Если знаете best practice, подскажите, по братски)
Используешь презентационный подход?
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
Nikolay Smagin
Ребят, всем привет)
Как думаете, как лучше реализовать можно этот компонент с вкладками?
Если знаете best practice, подскажите, по братски)
Гугл React Tabs и списывай себе в проект подход)
источник

KP

Kraft Punk in React — русскоговорящее сообщество
источник

NS

Nikolay Smagin in React — русскоговорящее сообщество
Sergei
Используешь презентационный подход?
Что значит презентационный подход?
источник

KP

Kraft Punk in React — русскоговорящее сообщество
проблема в том, что класснейм на сайте не обновляется :(
источник

NS

Nikolay Smagin in React — русскоговорящее сообщество
Андрей Маргиев
Гугл React Tabs и списывай себе в проект подход)
Спасибо, я там тоже подсматриваю)
источник

NS

Nikolay Smagin in React — русскоговорящее сообщество
Sergei
Используешь презентационный подход?
На скрине редактирование профиля, в личном кабинете, это не презентация)
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
Kraft Punk
проблема в том, что класснейм на сайте не обновляется :(
А как у тебя класснейм обновится, если ты запихиваешь в массивы объекты, дружище? :) Join, он же соединяет элементы массива в строку, если они сами являются строками (насколько мне известно). А у тебя получается каждый объект сначала пытается сделать toString что оборачивается в [object Object] строку
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
и это у тебя попадает в className скорее всего
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
тебе надо не join, а спред оператор использовать, если ты хочешь чтобы стили объектов подставились инлайново в className
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
при этом у тебя второй набор width и height затрет первый
источник

М

Максим in React — русскоговорящее сообщество
А зачем стили вставлять в класс?)
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
Максим
А зачем стили вставлять в класс?)
точно, это же в атрибут style нужно
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
в className только строки попадать должны
источник

S

Sergei in React — русскоговорящее сообщество
Nikolay Smagin
Что значит презентационный подход?
Ну смотри, мне нравится делать так, компонент такого типа состоит из трех файлов. conteiner, presenter, index.
conteiner - для получение данных с сервера и управлением того, что показывать.
presenter -   для того что показывать.
index - для удобного импорта.

Только стейт логики будет в контейнере, а пресентер пропсами получать какой табик показывать.
источник

АМ

Андрей Маргиев... in React — русскоговорящее сообщество
@KraftiPunk блин, такой я дурак, такую тебе брехню сказал, мама родная. Я подумал, что ты мне объекты показываешь, а это CSS стили были :(
источник

KP

Kraft Punk in React — русскоговорящее сообщество
Тип того )
источник