MyTetra Share
Делитесь знаниями!
Компоненты в React: класс или функция
25.09.2018
12:42
Автор: br0ke
Текстовые метки: javascript, js, react, react.js, component, class, function, functional, presentational, dumb, stateless, containers, smart, stateful
Раздел: Информационные технологии - JavaScript - React

Компонент в React можно создать двумя разными способами:


1. Функциональный компонент (также называют functional, presentational, dumb, stateless):


const cmp = () => { return <div>some JSX</div> }


2. Компонент на основе класса (также называют class-based, containers, smart, stateful):


class Cmp extends Component { render () { return <div>some JSX</div> }}


Везде, где возможно, рекомендуется использовать функциональные компоненты.


Пример 1:


import React from 'react';


const MyStatelessComponent = props => <div>{props.name}</div>;
// without JSX
const MyStatelessComponent = props => React.createElement('div', null, props.name);



Пример 2:


import React, { Component } from 'react';


class MyComponentClass extends Component {
render() {
return <div>{this.props.name}</div>;
}
}


Так же в этом разделе:
 
MyTetra Share v.0.52
Яндекс индекс цитирования