/
aprogrammer
/
react-basic-intro
Обзор
Документация
Войти
/
aprogrammer
/
react-basic-intro
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
intro-vite/src/components/ScalarPropComponent.tsx
22 строки
652 B
aprogrammer-ru
init repo
23 дек 2024, 23:54
23 дек 2024, 23:54
ed05041
Код
Авторство
О чём код?
//react component with a scalar prop using arrow function syntax import React from 'react'; //Prop optional by adding ? after the prop name const ScalarPropComponent: React.FC<{ scalarProp?: number, logHandler:(msg:string)=>{ } }> = ({ scalarProp, logHandler }) => { // Functional component with a scalar prop using arrow function syntax const style = { color: scalarProp! > 10 ? 'green' : 'red', fontSize: '24px' }; return ( <> <h1 style={style}>Скалярный параметр: {scalarProp}</h1> <button onClick={()=>{logHandler(`${scalarProp}`)}}>log</button> </> ); }; export default ScalarPropComponent;