Size: a a a

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

2021 April 20

IN

Igor N in React — русскоговорящее сообщество
зависит от того, с чего начал
источник

V

Vlad in React — русскоговорящее сообщество
видимо мало их юзал
источник

C

Cool29 in React — русскоговорящее сообщество
Парадигма очень простая: рисуем DOM в зависимости от стэйта и пропсов. Стэйт или пропсы,  поменялись, пересоздали функцию (На ОСНОВЕ ДЕКЛАРАТИВНОГО ОПИСАНИЯ в jsx файле), запустили и посмотрели на то что она хочет отрисовать в DOM. А затем сравнили с тем, что уже отрисовано в DOM и удалили, изменили или добавили недостающие или лишние части в DOM.
источник

GG

Gabriel Grey in React — русскоговорящее сообщество
Тогда я видимо что то неправильно делаю:

functional component {
const [This,setThis] = useState({type:1});

...

event(){
setThis({type:2})
}

<Child component props={This}/>
}
Так в чайлде ничего не меняется, даже после отработки функции event, которая по идее должна менять стейт и в чайлде тоже
источник

UT

Unknown T. in React — русскоговорящее сообщество
видимо неправильно, потому что при таких действиях всё должно обновляться
источник

C

Cool29 in React — русскоговорящее сообщество
Вот если так сделаешь <Child component props={{type: 777}}/>
777 отрисуеться в child?
источник

GG

Gabriel Grey in React — русскоговорящее сообщество
Вот я и ищу 5 часов где я неправ)
источник

GG

Gabriel Grey in React — русскоговорящее сообщество
Да, а если мне его по событию нужно поменять?
источник

C

Cool29 in React — русскоговорящее сообщество
Это просто проверка того, правильно работает child или нет
источник

UT

Unknown T. in React — русскоговорящее сообщество
попробуй сделать minimal case в песочнице, например, на stackblitz
зачастую в процессе подготовки песочницы находишь проблему и решаешь ее. ну а если нет, то нам проще будет помочь
источник

M

Merry in React — русскоговорящее сообщество
Если покажите код, то будет эффективнее помощь
источник

AC

Alexandr Chernobay in React — русскоговорящее сообщество
во-первых, перестаньте юзать ключевые слова типа this и т.д. в качестве переменных
во-вторых, переменные со юзстейта называются с маленькой буквы, соответственно с вашего примера: const [this, setThis] = useState(blablalba)
источник

C

Cool29 in React — русскоговорящее сообщество
Еще как вариант выложи на gitHub проект.
Любой сможет запустить и проверить, где могут быть глюки
источник

GG

Gabriel Grey in React — русскоговорящее сообщество
Это пример всего лишь как бэ
источник

UT

Unknown T. in React — русскоговорящее сообщество
в третьих это никак не решает проблему чувака )
источник

AC

Alexandr Chernobay in React — русскоговорящее сообщество
почему? если ты внесёшь эту строчку в код - у тебя он банально не отработает, потому я не понимаю как мым можем отдебажить из потенциально нерабочего "примера" - вот я привёл два места потенциальной проблемы
источник

C

Cool29 in React — русскоговорящее сообщество
This у него с большой буквы, поэтому это не this))
источник

AC

Alexandr Chernobay in React — русскоговорящее сообщество
вы знаете как useState хук обработчик накидывает на переменную?. Там принципиально название переменной с маленькой буквы и то, что сам обработчик начинается с set[Заглавная буква названия переменной]продолжениеПеременной - потому здесь ни this, ни This - не подойдёт
источник

D

Danya in React — русскоговорящее сообщество
так или иначе, это какое-то извращенство так называть
источник

D

Danya in React — русскоговорящее сообщество
даже если оно работает
источник