/
drndsv
/
react
Обзор
Документация
Войти
/
drndsv
/
react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Button/Button.jsx
32 строки
1 KB
drndsv
закончили на toggleerror
23 апр 2025, 18:05
23 апр 2025, 18:05
9bf509f
Код
Авторство
О чём код?
import classes from "./Button.module.css"; // когда работает с модулями мы должны импортировать classes(его можно // называть как угодно, но принято называть ее именно classes) // Это позволяет избежать коллизии имен export default function Button({ children, isActive, ...props }) { // console.log("Button Component Render"); // Здесь onClick - это параметр // const handleMouseEnter = () => console.log("entered"); // let classes = "button"; // if (isActive) classes += " active"; // {...props} чтобы не прописывать руками все свойства можно использовать его return ( <button {...props} className={ isActive ? `${classes.button} ${classes.active}` : classes.button } // className={classes} // onClick={onClick} // а здесь OnClick - это атрибут, который позволяет добавить событие //onMouseEnter={handleMouseEnter} // onDoubleClick={() => console.log("double")} > {children} </button> ); }