/
dedaMazai
/
exchanger
Обзор
Документация
Войти
/
dedaMazai
/
exchanger
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/shared/ui/InputWithButton/InputWithButton.tsx
48 строк
1 KB
Andrey Chipizubov
fix
23 ноя 2022, 10:09
23 ноя 2022, 10:09
e45b825
Код
Авторство
О чём код?
import { ChangeEvent, useState } from 'react'; import { ValutaObject } from 'widgets/ExchangeCard/modal/types/CardSchema'; import './InputWithButton.scss'; interface InputWithButtonProps { text?: string; options: ValutaObject[]; selectValue?: string; onChange?: (value: string) => void; onChangeSelect?: (value: string) => void; } export const InputWithButton = (props: InputWithButtonProps) => { const { text, options, onChange, onChangeSelect, selectValue, } = props; const handleChange = (e: ChangeEvent<HTMLSelectElement>) => { onChangeSelect?.(e.target.value) } const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => { onChange?.(e.target.value); }; return ( <div className="text-field"> <input className="text-field__input" value={text || ''} onChange={onChangeHandler} /> <select className="text-field__select" value={selectValue} onChange={handleChange} > {options.map((el, index) => ( <option value={el.code} key={index}>{el.name}</option> ))} </select> </div> ); };