ТЕЛЕГРАМ КАНАЛ: t.me/...g1d
JSX в React - это расширение языка JavaScript, которое позволяет писать HTML-подобный код в JavaScript. Оно используется для описания пользовательского интерфейса в React-приложениях.
React - это библиотека JavaScript для создания пользовательских интерфейсов. JSX используется в React для создания компонентов, которые представляют собой некоторую часть пользовательского интерфейса. JSX позволяет объединять HTML-подобную разметку с логикой JavaScript, делая код более понятным и лаконичным.
Вот пример кода на JSX в React:
JavaScript
jsx
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
const increment = () => {
setCount(count + 1);
};
const decrement = () => {
setCount(count - 1);
};
return (
<div>
<button onClick={increment}>+</button>
<span>{count}</span>
<button onClick={decrement}>-</button>
</div>
);
}
export default Counter;
Этот пример показывает компонент Counter в React, который содержит счетчик и две кнопки для увеличения и уменьшения значения счетчика. В компоненте используется хук useState для сохранения и обновления значения счетчика. Кнопки + и - привязаны к функциям increment и decrement, которые обновляют значение счетчика вызовом setCount с новым значением. Значение счетчика отображается внутри <span>.
@frontendG1d
#javascript #JavaScriptFrameworks #код #React
1 минута
16 февраля 2024