Реакция и пользовательский интерфейс материала: нет курсора в поле ввода, невозможно ввести значения

Question

Я использую Material UI, чтобы иметь поле ввода, которое принимает определенное количество значений в $$. Проблема у меня в том, что поле ввода всегда отключено. Я вижу, как onClick работает в консоли, но указатель отсутствует, и пользователь не может вводить какие-либо значения.

               <Input
                  variants={{
                    name: 'dollar',
                    validationType: 'dollar',
                    label: 'Dollars',
                    placeholder: '$ 0.00',
                    switchAriaLabel: 'Switch to Amount',
                  }}
                  selected={{
                    name: 'dollar',
                    rawValue: '',
                    value: 0
                  }}
                  value={selectedCashAmount}
                  onChange={amount => setSelectedWithdrawalSplitCashAmount(amount)}
                  errorText={_.get(this.state.rolloverErrors, 'text')}
                  id="EnterInstallmentt"
/>

Поле отображается с $ 0.00 в качестве заполнителя, но при нажатии ничего не происходит. Есть идеи как это побороть? Спасибо!

Answer 1

Какой тип стоимости вы хотели бы получить? Похоже, вы перепутали text поле ввода и select поле. Проблема кроется в одновременном использовании функций onClick и onChange.

Однако вы ищете поле ввода Autocomplete , которое позволяет использовать как списки выбора, так и значение ввода текста.