Что такое переключающий switching компонент? в REACT

Привет, Вы узнаете о том , что такое Что такое переключающий 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)