Эту функцию вставь в className. Вот так: <div className={styles()}></div>

да тут еще даже до функции не добраться

Всмысле? Скинь код компоненты

куда пробрасываешь стили

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

щас

const Message = props => { let authorStyle = 's.'+ props.messages.author; return <div className={`${authorStyle}`}>{props.messages.author}: {props.messages.message}, {authorStyle}</div>; };

стринг s.me сгенерился, вписался, но как класс не распознается

Потому, что s.me должен получить webpack, а не твой браузер. Webpack получая s.me превращает это в - me_blablabla_kakayata_huiny

А так как webpack у тебя не получает s.me - стили не работают

ага, я вижу, так и получается в консоли, если тупо вот так писать return <div className={s.me}>{props.messages.author}: {props.messages.message}</div>; а вот так работает

тогда вопрос мой поумнее формулируется: как передать стиль так, чтоб его увидел вебпак?)

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

Как я уже сказал - лично я знаю только костыли. И вот одна из реализаций

Когда перешел на Vue.js, но всё равно пишешь как-то по-реактовски 😄

Как я уже сказал - лично я знаю только костыли. И вот одна из реализаций

вот я и не понимаю, в чем там сама реализация

тогда вопрос мой поумнее формулируется: как передать стиль так, чтоб его увидел вебпак?)

Вот для твоего кода реализация const Message = props => { const authorStyle = () => { switch (props.messages.author) { case 'me': return s.me default: return null } } return <div className={authorStyle()}>{props.messages.author}: {props.messages.message}, {authorStyle}</div>; };

ааа, не строкой а функцией передавать, у которой содержимое - эта строка?

Да

Да

ДА

👍

мой моск

спс

Ну вообще суть в том, что в пропсах стили ты передавать должен в качестве строки - эти строки сравниваются в функции и если совпадает, то функция возвращяет s.style в className перез попаданием в браузер и webpack видит нужный стиль.

Ну вообще суть в том, что в пропсах стили ты передавать должен в качестве строки - эти строки сравниваются в функции и если совпадает, то функция возвращяет s.style в className перез попаданием в браузер и webpack видит нужный стиль.

суть чего?) да, я сейчас как раз в эту функцию и загоню переключатель класса (до этого хотел в мапс проверку загнать, а сюда уже готовый класс передавать). Проблема в том, что я понятия не имел про то, как и что видит вебпак

Да и сейчас, честно сказать, понятия не имею))) Просто запоминл. Например вот тут же стринг генерится в класснейме? из функций, но ведь все равно стринг))) http://joxi.ru/8An8qkqU716L1m

Помогите, пожалуйста, советом, в какую сторону копать. После 43 урока, когда оставляешь компоненту чистой, а приходящие данные и.т.п оборачиваешь отдельно в контейнер, то у меня при добавлении сообщения в разделе Профайла, сообщение всегда добавляется пустое, если смотреть через React tools то вместо текста у него undefined. В какую сторону копать? Уже который день не получается найти причину

Помогите, пожалуйста, советом, в какую сторону копать. После 43 урока, когда оставляешь компоненту чистой, а приходящие данные и.т.п оборачиваешь отдельно в контейнер, то у меня при добавлении сообщения в разделе Профайла, сообщение всегда добавляется пустое, если смотреть через React tools то вместо текста у него undefined. В какую сторону копать? Уже который день не получается найти причину

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

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

если честно, я не знаю, как еще объяснить)) разве только с примерами кода, но т.к. для этого действия задействовано много компонентов, то я не буду же целые простыни кода скидывать.. думал, может подскажут с чего начать копать. собственно, пропсы прокидываю как и функцию для коллбэка... <PostBoard addPost={ addPost } posts={state.contentPage.posts} />

this.state

https://github.com/azat-io/you-dont-know-js-ru/blob/master/this%20%26%20object%20prototypes/README.md#you-dont-know-js-this--object-prototypes

this.state

вопрос, а почему? по уроку там таким образом не делается да и плюс в самой контейнерной компоненте - let state = props.store.getState();

чет стремное

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

let state = props.store.getState().contentPage; — имеешь ввиду поменять на это?

да нет, если такой подход используется, то должно работать, у Димыча в курсе вот прям 1 в 1 как у тебя?

let state = props.store.getState() - если касаемо этой строки, то да

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

показывает суть редакса?

не не, это уже с подрубленным редаксом

т.е. редьюсеры уже есть

Как сказать IDEA, что я на Vue пишу, и всё с кодом нормально?

так вывtдb в консоль тогда props.store.getState()

во вюьюхе твоей

что там прилетает

не знаю что за подход такой Димыч использует, но подозрения что редакс сам еще не ставил

компонента с тору коннектится через connect из react-redux

не знаю что за подход такой Димыч использует, но подозрения что редакс сам еще не ставил

нет, редакс ставился

что там прилетает

все ок

и где то выше он прокидывает весь store?

по дереву компонентов?

ну у меня есть отличия, у меня не слово в слово выше у меня компонента Content из нее кидаю <ContentContainer store={props.store} />

а эта компонента откуда store берет?

а выше App из который через роутинг <Route path="/content" render={() => <Content store={props.store} />} />

а апп коннектится сам к редаксу?

и оттуда достает весь стор?

нет, еще выше есть index.js в которой <App state={state} store={store} dispatch={store.dispatch.bind(store)} />

import store from './redux/redux-store';

import store from './redux/redux-store'; значит стор у вас самописный

знач редакс не подрубали )

npm i react-redux redux —save делали ?)

да в redux-store.js как раз таки все сделано

странное что-то происходит, зачем тогда весь стор прокидывать по дереву компонентов если можно для каждого компонента вытягивать необходимый кусок стейта из стора, подозреваю Димыч что-то этим хочет показать

к вопросу о проблеме

покажи вюху твою которая должна посты отрендерить

покажи вюху твою которая должна посты отрендерить

ты же должен брать значение из texarea и передавать его в addPost?

так же?

да, все верно

а чего ты этого не делаешь?

у тебя наверху в контейнера аргумент функции будет undefined

потому что ты не передаешь туда текст

ты имеешь ввиду, что сделать так? : let addPost = (text) => { props.addPost(text);

тебе надо сначала собрать значение с text-area

до этого там были рефы, но их удалили

Димыч через ref делает еще или уже дошли до контролируемых инпутов?

я тоже об этом думал