React and material UI: 输入框没有光标，无法输入值

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 input field，它允许您同时使用 select 列表和文本输入值。

React and material UI: 输入框没有光标，无法输入值

React and material UI: No cursor in input box, can't enter values

cursor-position

reactjs

material-ui