@reactjs_samurai - страница 524

oakrom

создал простую компоненту и подрубаю в App

oakrom

при запуске он эту компоненту не видет

oakrom

index.js

oakrom

App.js

oakrom

myComponent.jsx

{ NeFFeX }

oakrom

package.json

{ NeFFeX }

вебшторме не работает создание компонентов сниппеты

{ NeFFeX }

мб я неправильно пишуу?

{ NeFFeX }

вскоде он отрабатывает норм)

oakrom

при запуске он эту компоненту не видет

в чем может быть причина?

{ NeFFeX }

в чем может быть причина?

myComponent, исправь на MyComponent

{ NeFFeX }

и если файл у тебя тоже первая в нижнем регистре исправь на верхний

oakrom

все спасибо )

oakrom

блин незнал про это )))

Artem

Ребят, какой метод в redux saga может сделать следующее, вызвать мой экшен, *GET_FILMS* и вторым параметром передать в этот экшен некоторый action.payload Тт.е. так ("GET_FILMS", API.getFilms)

Sergey

Подскажите как через map вытянуть данные с этого массива

Данил

Initial[0].map(el => console.log(el))

Данил

И уже обращайся к el.id, el.type и т.д

SV

какое правильное решение будет для следующего? :) есть переиспользуемая компонента, планирую её заюзать в нескольких местах.... но нужно стилить её по разному, в зависимости от места вывода.

Sergey

Initial[0].map(el => console.log(el))

понял спасибо!)

Данил

какое правильное решение будет для следующего? :) есть переиспользуемая компонента, планирую её заюзать в нескольких местах.... но нужно стилить её по разному, в зависимости от места вывода.

Первый скрин - первый вариант. Второй скрин - второй вариант.

Данил

какое правильное решение будет для следующего? :) есть переиспользуемая компонента, планирую её заюзать в нескольких местах.... но нужно стилить её по разному, в зависимости от места вывода.

SV

спс за наводку)

Кирилл

Initial[0].map(el => console.log(el))

income надо mapить

oakrom

ребят нужен свежый взгляд, что то туплю целые 2 часа

oakrom

вот редюсер

oakrom

это контейнерная компонента

oakrom

а это тупая компонента

ntum199

вот редюсер

Фигурные скобки и ретурн в последней строчке

oakrom

Фигурные скобки и ретурн в последней строчке

попробовал, результат такой же

oakrom

action.type приходит undefined, никак не могу допереть в чем может быть дело, вроде экшен указал, в контейнере продиспатчил

Barmaley

после changingStatus двоеточие в mapDispatch

oakrom

убрать?

Кирилл

action.type приходит undefined, никак не могу допереть в чем может быть дело, вроде экшен указал, в контейнере продиспатчил

Action undefined

oakrom

да

Barmaley

поменять на =

Barmaley

не вижу самой функции changingStatus

oakrom

она диспатчица в пропсы

oakrom

changeStatusActionCreator перебрасывается новым именем как changingStatus в контейнерную компоненту

Barmaley

ну поменяй там : на = Или я чего-то не понимаю тоже или сигнатура стрелочной функции: name = (attr) => {///}

Barmaley

Я уже сам в своих мозгах сегодня не уверен, целый день в дисплей пялюсь, не соображаю уже нифига, пойду подышу воздухом

oakrom

ну там переменная changingStatus, ей присваивается стрелочная функция которая диспатчит changeStatusActionCreator

oakrom

в этом блоке все по феншую

SV

Я уже сам в своих мозгах сегодня не уверен, целый день в дисплей пялюсь, не соображаю уже нифига, пойду подышу воздухом

когда тупишь..то можно проставить дебагер прям на каждом шагу и посмотреть, где не по сюжету движуха)

oakrom

дебаггером пробежался, чет все равно допереть не могу почему то 🙈

ntum199

Type в кавычки брал?

ntum199

type: "bla-bla-bla"

SV

дебаггером пробежался, чет все равно допереть не могу почему то 🙈

ну главное выявить на каком этапе поломалось...у тебя на скрине, в свиче action === undefined и с него type не может считать

oakrom

const CHANGE_STATUS = 'CHANGE_STATUS';

oakrom

одинарные только

oakrom

в дебаге вот такую хрень показывает action = {type: "@@redux/INITk.l.n.z.k"}

SV

в дебаге вот такую хрень показывает action = {type: "@@redux/INITk.l.n.z.k"}

это норм...это экшн первый...системный так сказать. Это из подкапота редакса. За ним твой приходит

SV

const CHANGE_STATUS = 'CHANGE_STATUS';

попробуй в строке дефис место нижнего поставить. хотя это не так важно

oakrom

ок

ntum199

А в сторе есть ветка со статусом?

oakrom

да

oakrom

почему то на каком то этапе в дебаге приходит в типе SET_USER_DATA

oakrom

значение из другого редюсера

oakrom

из auth-reducer

oakrom

const SET_USER_DATA = 'SET_USER_DATA';

oakrom

вместо моего

oakrom

это redux-store.js

oakrom

вместо моего

это не причем походу, когда производится клик по кнопке от меня андефейнед все равно идет

oakrom

почему то на каком то этапе в дебаге приходит в типе SET_USER_DATA

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

Anonymous

Здрасте, подскажите, выдает такую ошибку (Failed to compile ./src/App.js Error: ENOENT: no such file or directory, open 'C:\Users\Андрей\my-app\src\App.js')

Кирилл

Может из за русского пользователя

oakrom

Здрасте, подскажите, выдает такую ошибку (Failed to compile ./src/App.js Error: ENOENT: no such file or directory, open 'C:\Users\Андрей\my-app\src\App.js')

попробуй перезапустить все

oakrom

ребят нужен свежый взгляд, что то туплю целые 2 часа

ребят есть идеи насчет этого?

Arthur

ребят есть идеи насчет этого?

https://m.habr.com/ru/post/440940/ Глянь тут

Stanislav

это контейнерная компонента

тут какая-то каша. Создается контейнер функцией и потом еще контейнер для контейнера через коннект, не?

oakrom

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

Anonymous

после путь самурай как дальше прокачоватся ?

oakrom

пока самостоятельно )

Stanislav

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

ну в этом файле явно чето лишнее. Клики должна либо тупая компонента обрабатывать, либо переносить _Click в mapDispatchToProps.

Кирилл

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

Кинь на гитхаб

oakrom

так быстрее ))

oakrom

он мало весит

oakrom

надо будет только распаковать и npm install сделать он все подкачает