Question

我正在使用反应编号格式图书馆,以对用户的投入进行格式化。但是,出于某种原因,在我节省数据时,这些投入正被保存为示意图而不是编号。这一违约行为吗? 如果是的话,我怎么能够改变序号,以删除所有特性(例如,美元、ma等)的编号,从而节省了这种格式的插图?

This is how I am using it. npm package https://www.npmjs.com/package/react-number-format

               <NumberFormat
                    thousandSeparator={true}
                    prefix={"$"}
                    decimalScale={2}
                    fixedDecimalScale
                    disabled={isDisabled}
                 />

Answer 1

You can use react-number-format s onValueChange prop to get the floatValue which is of type number.

可以这样使用:

  <NumberFormat
    {...someProps}
    onValueChange={(values) => {
      const {formattedValue, value, floatValue} = values;
      // do something with floatValue
    }}
  />

参考:

格式价值:23 234 235.56 美元,在采用格式后

value: 23234235.56 , //non formatted value as numeric string 23234235.56, if you are setting this value to state make sure to pass isNumericString prop to true

floatValue: 23234235.56 //floating point representation. For big numbers it can have exponential syntax

See https://www.npmjs.com/package/react-number-format#values-object for more information.

Answer 2

页: 1 出口职能:

import { numericFormatter } from "react-number-format";
...
///value = 1234567.4
const t = numericFormatter(1234567.4, {thousandSeparator: true, decimalScale: 0});
/// t will be 1,234,567

Answer 3

这样,你也可以确定价值:

 <NumberFormat
{...someProps}
onValueChange={({floatValue}) => {
 return setState(floatValue);
}}/>

Answer 4

Im 使用反应堆照相

<Controller
  name={name}
  rules={rules}
  control={control}
  render={({ field: { value, onChange }, fieldState: { error } }) => (
      <NumericFormat
        value={value}
        onValueChange={(values) => {
          onChange(values.floatValue)
        }} />
>

友情链接