时间戳

首页 > 解决方案 > React 和 Material UI：输入框中没有光标，无法输入值

reactjs - React 和 Material UI：输入框中没有光标，无法输入值

问题描述

我使用 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 作为占位符出现，但单击它时没有任何反应。关于如何克服这个问题的任何想法？谢谢！

标签： reactjsmaterial-uicursor-position

解决方案

您想获得什么类型的价值？看起来您混淆了text输入字段和select字段。问题的根源在于同时使用onClick和onChange功能。

但是，您正在寻找允许您同时使用选择列表和文本输入值的输入Autocomplete字段。

推荐阅读