Код IT
← Каталог

React — компоненты-рецепты — Подъём state — переиспользуемый Counter

Фрагмент из «React — компоненты-рецепты»: Подъём state — переиспользуемый Counter.

javascript lab1146 embed URL статья в энциклопедии
Plain text main.jsx 
import { useState } from 'react';
import { Counter } from './components/Counter';

export default function App() {
  const [count, setCount] = useState(0);

  return (
    <Counter
      value={count}
      onIncrement={() => setCount((c) => c + 1)}
      onDecrement={() => setCount((c) => c - 1)}
      onReset={() => setCount(0)}
    />
  );
}
import { useState } from 'react';
import { Counter } from './components/Counter';

export default function App() {
  const [count, setCount] = useState(0);

  return (
    <Counter
      value={count}
      onIncrement={() => setCount((c) => c + 1)}
      onDecrement={() => setCount((c) => c - 1)}
      onReset={() => setCount(0)}
    />
  );
}