React 12: Поднятие состояния

Рет қаралды 8,806

Школа web-программирования Constcode

Күн бұрын

В архитектуру приложения на React'е нужно закладывать хранение данных. Несколько независимых друг от друга компонента могут использовать одни и те же данные и очень важно чтобы актуальность этих данных распространялась на все приложение. Для этого нужно поднять состояние до общего родительского компонента.
Наш главный курс "JavaScript старт" - constcode.ru/j...
Бесплатная консультация - constcode.ru/f...
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
github.com/Ale...
ru.reactjs.org...
ru.reactjs.org...
ru.reactjs.org...

Пікірлер: 32

@homesergei1801 3 жыл бұрын

Спасибо!!! За хорошее, понятное, доходчивое объяснение. Приятно и полезно учиться с такими примерами и объяснениями!!!

@web-constcode6252 3 жыл бұрын

Рад стараться!

@outofrange9100 3 жыл бұрын

Очень классно, что ты каждый раз проговариваешь мелочи вроде «откроем консоль, чтобы видеть ошибки», «импортируем компонент», несмотря на то, что плейлист подходит к концу, и вроде это уже подразумевается автоматически👍🏼

@web-constcode6252 3 жыл бұрын

Научился! Спасибо, что заметили =))

@rolpogo Жыл бұрын

До конца ролика тлел надежду, что будет исправлено название CiriesList🤦‍♂

@AndrewTaradeev Ай бұрын

А как сделать так, чтобы переключаться среди списка городов в CityList и сохранять переключеные города в City в виде массива выведенным как список ?

@dlazder3937 7 ай бұрын

describtion...

@Grishenkovvv 4 жыл бұрын

Хорошо объясняешь но желательно помедленнее чутка

@web-constcode6252 4 жыл бұрын

Учтем пожелания

@alfa_main 3 жыл бұрын

Лайк и подписка) Очень хорошо объяснил, лучше чем в документации, там уж слишком тяжело написано, а оказалось что все легче чем я думал) Спасибо)

@web-constcode6252 3 жыл бұрын

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

@alfa_main 3 жыл бұрын

@@web-constcode6252 для новичков не совсем, тяжело понимается мной)

@qwe-rty- 3 жыл бұрын

Алексей Щербаков из Зеленограда

@web-constcode6252 3 жыл бұрын

У нас в Зеленограде много ребят с тв и youtube. Алексей Щербаков, Антон Лапенко, Денис Косяков, Сергей Мигельевич Шестепёров, Алексей Данчин. С Тимуром Хафизовом даже в настолки играли.

@bama2619 2 жыл бұрын

Спасибо, из-за скорости не совсем въехал, но принцип понял. Сейчас буду писать код и просматривать видео еще раз с паузами. Буду писать изменения цвета фона компонента при нажатии на кнопку.

@web-constcode6252 2 жыл бұрын

Ок, я про скорость тоже понял, что не надо было ускорять. Будут вопросы, пиши

@mrirashin 3 жыл бұрын

А можете поправить ссылку на урок (код) в github? По настоящей ссылке открывается совсем другое.

@web-constcode6252 3 жыл бұрын

По ссылке на github будет возможность выбрать нужную ветку.

@Яимоятлень Жыл бұрын

На всякий случай тренируюсь и преобразовываю функции в классы. По заданию от урока совместно с классом: class App extends React.Component { constructor(props) { super(props); this.state = { cities: [ { name: 'Москва', describtion: 'Столица России' }, { name: 'Cанкт-Петербург', describtion: 'Культурная столица России' }, ], currentIndex: 0, } this.handlerChangeCity = this.handlerChangeCity.bind(this); this.handlerSelectCity = this.handlerSelectCity.bind(this); } handlerChangeCity (describtion) { this.setState({ cities: this.state.cities.map((city, index) => { if (index === this.state.currentIndex) { return { ...city, describtion, }; } return city; })}); } handlerSelectCity (n) { this.setState({currentIndex: n}); } render () { const currentIndex = this.state.currentIndex; const cities = this.state.cities; return ( ) } } export default function City (props) { const city = props.city; return ( {city.name} props.onChangeCity(e.target.value)} > ); }