Давайте создадим самую простую компоненту с помощью React. Такой простой компонентой в React является обычная функция.
Создав обычную функцию и передав ее в метод render, мы можем создать простой компонент.
Компонента должна обязательно что-то возвращать. В этом примере она будет возвращать JSX-разметку.
function Test() { var name = "Вася"; return <h1>Привет, <span>{name}</span></h1>; }
Создав такой блок кода, мы создали наш первый компонент. Для того, чтобы вывести его в DOM дерево.
ReactDOM.render(<Test />, document.getElementById('root'));
Компоненты в React очень похожи на HTML-элементы.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти
Или зарегистрируйтесь через социальные сети: