/
gsam
/
ui-kit-ce
Обзор
Документация
Войти
/
gsam
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/MergedRefsExample.tsx
48 строк
1 KB
Урядышев Павел Александрович
chore: устранены предупреждения eslint
25 июл 2025, 14:03
25 июл 2025, 14:03
1bad2f7
Код
Авторство
О чём код?
import * as React from 'react' import { useMergedRefs, Button, ButtonGroup, Input } from '@v-uik/base' export const MergedRefsExample = (): React.ReactElement => { 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> ) }