Реагировать на пользовательский интерфейс материала для пользовательского интерфейса TextField - PullRequest
Новая
       73

Реагировать на пользовательский интерфейс материала для пользовательского интерфейса TextField

0 голосов
/ 11 марта 2020

Я пытаюсь интегрировать TextField с пользовательским интерфейсом материала с библиотекой response-payment-input .

Например, я использую эту библиотеку следующим образом: 

import {usePaymentInputs} from 'react-payment-inputs';    
const { getCardNumberProps} = usePaymentInputs();
<input {...getCardNumberProps({
                    onChange: handleCardChange('number'),
                    onFocus: handleFocus('number'),
                    placeholder: ''
                })}/>

Мне нужно передать все входные реквизиты, используя response-payment-input library
Я хочу обернуть этот ввод приятным TextField label эффектом .
Я не вижу, как я могу отправить пользовательский элемент ввода с пользовательским реквизитом в TextField.

Это, например, также не работает: 

 <TextField label="First name"
                    InputProps={{
                        input: <input type="text" value={cardInfo.name}
                                      onChange={handleFirstNameChange} onFocus={handleFocus('name')}/>
                    }}
                />

Вот код и поле

...