Если вы ищете простой компонент-переключатель, самый простой способ сделать это — использовать react-switch library.
Начните с установки библиотеки с помощью NPM:
npm install react-switch
Импортируйте компонент React, useState и Switch из библиотеки react-switch и создайте свой компонент Switch. Дополнительные варианты стилей смотрите в документации здесь
import React, { useState } from "react"; import Switch from "react-switch"; const SwitchExample = () => { const [checked, setChecked] = useState(false); const handleChange = (checked) => { setChecked(checked); } return ( <label> <span>Switch with default style</span> <Switch onChange={handleChange} checked={checked} /> </label> ); }