Question

我有一个react-component，它是类型编号的输入字段。当我在内部按下随机数时一切正常，但是当我想要擦除所有内容时，输入字段内总是有一个零，我无法擦除。是否可以消除输入字段，以便在擦除所有内容时零消失？

我的组件：

const NumberBox = (props) => {
  const onChanged = (event) => {
    props.onChange(+event.target.value);
  };

  const styles = {
    inputGeneral: {
    border: '0px',
    width: '100%',
    padding: '8px 16px',
    fontSize: '1.6em' } };

  return (
   <input
    style={styles.inputGeneral}
    type="number" 
    pattern="[0-9]*"
    value={props.value}
    onChange={onChanged}
  />);
 };

Answer 1

这是因为与Chromium中的HTML5号码输入类型相关联的行为（也可能是其他浏览器）......

最简单的解决方案应该是使用text输入类型并手动验证/格式化您的输入...

另见question/answer ...

尝试擦除时删除内部输入为零

1 个答案: