/
Bybaleshqa
/
Forktest
Обзор
Документация
Войти
/
Bybaleshqa
/
Forktest
Код
Запросы
1
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/MergedRefsExample.tsx
48 строк
1 KB
Ivan Iakovlev
docs(hooks): добавлены stories по хукам
20 ноя 2024, 11:54
20 ноя 2024, 11:54
7538000
Код
Авторство
О чём код?
import * as React from 'react' import { useMergedRefs, Button, ButtonGroup, Input } from '@v-uik/base' export const MergedRefsExample = () => { const ref1 = React.useRef<HTMLInputElement>(null) const ref2 = React.useRef<HTMLInputElement>(null) const setRef1Value = () => { if (ref1.current) { ref1.current.value = '5' } } const setRef2Value = () => { if (ref2.current) { ref2.current.value = '6' } } const mergedRef = useMergedRefs([ref1, ref2]) return ( <div> <Input fullWidth label="Read Only Field" placeholder="Insert Your Value" inputProps={{ ref: mergedRef, readOnly: true }} /> <div style={{ marginTop: 8, display: 'flex', gap: 8, }} > <ButtonGroup> <Button color="secondary" kind="outlined" onClick={setRef1Value}> Set value "5" </Button> <Button color="secondary" kind="outlined" onClick={setRef2Value}> Set value "6" </Button> </ButtonGroup> </div> </div> ) }