Тот же пример на ООП:
param ---> slug
pageInfo ---> page/pageData
infoPage---> fetchPageBySlug
pageLoad ---> isFetchinggetComponent(type) {
switch (type) {
case 'component1':
return Component1;
case 'component2':
return Component2;
case 'component3':
return Component3;
default:
return <Page404 />;
}
}
render() {
const { isFetching, pageInfo } = this.props;
if (isFetching) return <Preloader />;
const Component = getComponent(pageInfo.type);
return <Component pageInfo={pageInfo} />;
}
Сомневаюсь. Пробежаться глазами и прорешать до полного понимания это разные вещи. В среднем, человеку для усваивания темы надо выполнить 14 разных примеров. Кому-то больше, кому-то меньше, тут все от способностей зависит.
Методы объекта.
Эта информация есть в любой книге и на любом ресурсе по изучению JavaScript. ЕS6 полностью поддерживает ES5.
Нет никакого "в React". Чтобы это отчетливо понимать надо знать JavaScript.
Все, что можно делать в JavaScript, можно делать и в React. React написан на JavaScript и выполняется интерпретатором JavaScript, как любой другой JavaScirpt код. Когда вы описываете React компоненты вы используете JavaScript. А JSX всего лишь синтаксический сахар над вызовом React.createElement.
Именно поэтому в коде, где используется JSX надо обязательно делать импорт React:
А так выглядит этот код без сахара:
Класс: базовый синтаксис