Javascript 使用时MaskedInput控件不工作：type="；“数字”；同时还有一个面具

我有一个非常基本的

React

代码，其中我使用以下

节点

包：

import MaskedInput from 'react-text-mask';
import createNumberMask from 'text-mask-addons/dist/createNumberMask';

我的问题是我不能同时应用

type=“number”

和

mask={…}

我想使用屏蔽输入，同时在用户聚焦输入时向上拉数字键盘。这就是为什么我要使用：

type=“number”

我的目标是让用户使用数字键盘输入一个数值，同时看到一个数字掩码

下面是一个工作代码，您也可以在上面找到并使用该代码：

因为它没有

mask

属性

你知道怎么做吗

---

谢谢

运气好吗？

import React from "react";
import MaskedInput from 'react-text-mask';
import createNumberMask from 'text-mask-addons/dist/createNumberMask';

export default class DollarAmount extends React.Component {
  render() {
    return (
      <MaskedInput
        type="text"
        mask={createNumberMask({ prefix: '$ ' })}
        placeholderChar={'\u2000'}
      />
    );
  }
}

import React from "react";
import MaskedInput from 'react-text-mask';
import createNumberMask from 'text-mask-addons/dist/createNumberMask';

export default class DollarAmount extends React.Component {
  render() {
    return (
      <MaskedInput
        type="number"
        placeholderChar={'\u2000'}
      />
    );
  }
}