JSX синтаксис React модуля
Пример кода
Мы, как и большинство разработчиков, предпочитаем использовать синтаксис JavaScript .jsx. JSX, или JavaScript XML, — это расширение синтаксиса JavaScript, обычно используемое с библиотекой React. Оно позволяет разработчикам писать HTML-подобный код непосредственно в файлах JavaScript, упрощая декларативное определение структуры и внешнего вида пользовательских интерфейсов. Структура, подобная HTML: JSX позволяет использовать стандартные HTML-теги (например, <div>, <h1>, <img>) и пользовательские компоненты React в коде JavaScript.
Code example
import { useEffect, useContext } from 'react';
import { useRecoilValue } from 'recoil';
import { alertAtom } from '../state';
import { useAlertActions } from '../actions';
function Alert() {
const alert = useRecoilValue(alertAtom);
const alertActions = useAlertActions();
if (!alert) return null;
return (
<div className="container">
<div className="m-3">
<div className={`alert alert-dismissable ${alert.type}`}>
<Link className="close" onClick={alertActions.clear}>×</Link>
{alert.message}
</div>
</div>
</div>
);
}
export { Alert };
