Практика
Привет, Вы узнаете о том , что такое Что такое переключающий switching компонент? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Что такое переключающий switching компонент? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).
Переключения компонент представляет собой компонент , который делает один из многих компонентов. Нам нужно использовать объект для сопоставления значений проп с компонентами.
Например, компонент переключения для отображения разных страниц на основе
import HomePage from './HomePage'
import AboutPage from './AboutPage'
import ServicesPage from './ServicesPage'
import ContactPage from './ContactPage'
const PAGES = {
home: HomePage,
about: AboutPage,
services: ServicesPage,
contact: ContactPage
}
const Page = (props) => {
const Handler = PAGES[props.page] || ContactPage
return <Handler {...props} />
}
//Ключи объекта PAGES могут использоваться в типах prop для обнаружения ошибок времени разработки. Об этом говорит сайт https://intellect.icu .
Page.propTypes = {
page: PropTypes.oneOf(Object.keys(PAGES)).isRequired
}
Исследование, описанное в статье про Что такое переключающий switching компонент? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Что такое переключающий switching компонент? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Комментарии