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

речь идет о грепе события update text?

когда что то печатаешь в area

реч идет о том как собирается значение из textarea

через ref? или по нормальному через контролируемый textarea? типо вводишь текст он у тебя сохраняется в стейт, и value у textarea установлено как state.textareaValue

ну что-то такое

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

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

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

да

просто у меня до того как он начал в контейнер все это оборачивать все работало

и у меня такого кейса не было в редьюсере

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

let addPost = (text = 'some text') => { props.addPost(text);

хорошо, спс еще вопрос: это в целом такая концепция, что необходимо постоянно изменять стейт , например, как раз таки когда ты в textarea что то вводишь, но еще пока не добавляешь?

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

хорошо, спс еще вопрос: это в целом такая концепция, что необходимо постоянно изменять стейт , например, как раз таки когда ты в textarea что то вводишь, но еще пока не добавляешь?

вообще как ты хочешь, но хорошая парктика когда твой компонент полностью контролирует твою textarea, тоесть в данном случае он ей устанавливает value из своего стейта. но стейта у тебя как такового нету сейчас именно локального, не знаю что там Дима хочет донести. значит просто собери через e.target.value это значение и прокинь его в addPost.

или шагни на урок дальше и он там раскроет все что надо будет )

вот пример, это контейнер для формы где есть поля

onChangeInput это коллбэк для изменени я полей формы

когда ты печатаеш что-то меняется локальный стейт контейнера

и это значение устанавливается как value в инпуте

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

дальше когда тебе надо отправить эти данные ты просто собираешь их уже из стейта

спасибо

нз)

Самураи

вопросик есть

пишу Реакт в VS Code

почему теги не закрываются сами?

как будто эммет отвалился

он с реактом не пашет или что?

эммет и не должен теги закрывать

погугли плагины для vsc типо autoclose tag react for vsc

а какой плагин дописывает?

я пишу div.container

пишу Реакт в VS Code

А расширение какое в файлах? jsx?

и у меня должнен появляться div с классом container

а он не появляется

А расширение какое в файлах? jsx?

.js

а какой плагин дописывает?

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

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

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

потом id прокинешь к примеру и застилишь...стили такие писать и вообще их прокидывать это так не делают

.js

Компоненты лучше писать на jsx как сэнсэй говорил ) И вот у меня еще два плагина стоят, и все норм.

если js писать то там надо в настройках указывать

сейчас

Компоненты лучше писать на jsx как сэнсэй говорил ) И вот у меня еще два плагина стоят, и все норм.

не знаю. я не в одном источнике видел что советуют писать js

jsx устарело типа

"emmet.includeLanguages": { "javascript": "javascriptreact" }

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

https://medium.com/@eshwaren/enable-emmet-support-for-jsx-in-visual-studio-code-react-f1f5dfe8809c

jsx устарело типа

эээ всмысле чё?

эээ всмысле чё?

не спрашивайте :)

лучше скажите, мне препод наш на курсах помогал настроить webpack и vs code

и теперь если я пишу const foo = () => { (

мне vs code сам убирает фигурные скобки

оставляет только const foo = () => (

это вообще что?

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

лучше скажите, мне препод наш на курсах помогал настроить webpack и vs code

чё за курсы?)

чё за курсы?)

TeachMeSkills

TeachMeSkills

это каким-то основам обучали или чему?

вёрстка, JS, Advanced JS, React, Redux, Git, Webpack

вёрстка, JS, Advanced JS, React, Redux, Git, Webpack

а зачем в функции писать так ? без return вроде нельзя писать круглые скобки в блоке

вёрстка, JS, Advanced JS, React, Redux, Git, Webpack

мм... так ладно...а что такого настраивали в вскоде экзотического? настраивали какие-то автоисправления?

пиши либо const foo = () => { return ( тут твой код ) } либо либо const foo = () => ( тут твой код )

либо типо как в редакс экшнах const foo=()=>({ ... })

либо типо как в редакс экшнах const foo=()=>({ ... })

но это уже не функция

а для меня сразу стало непонятным как вскод трогает синтаксис и убирает скобки даже если ошибка)

мм... так ладно...а что такого настраивали в вскоде экзотического? настраивали какие-то автоисправления?

видимо да)

видимо да)

по сути там всё работает из коробки... там только плагинов накинуть да застилить возможно под себя да пару настроек изменить

ну а по функции в принципе выше ответили

https://youtu.be/paA-leudslo

этого вполне достаточно, что б работать в вскод...

если я тяну данные по API c сервера

ключ открытый

мне не нужно класть API key в переменную, так?

кто-нибудь юзает .env?