我想用$和千位分隔符来格式化我的文本字段。即，$120，000而不是120000。我得到两个警告：
1.)警告：失败的 prop 类型：prop name在ForwardRef(NumericFormatCustom)中被标记为必需，但其值为undefined。at NumericFormatCustom（webpack-internal：///./src/components/TextFieldTest.js：43：26）
但是，我的名字 prop 被定义。
2.)无法分析指定的值“$120，000”，或该值超出范围。
当我在文本字段中键入一个数字时，我得到与#2相同的警告，并显示以下控制台输出。
CHANGED {formattedValue：'$6'，价值：'6'，floatValue：6}
如何在Material UI文本域中添加千位分隔符？

import TextField from "@mui/material/TextField";
import React, { useState, useContext } from "react";
import { PropertyContext } from "components/PropertyContext";
import NumericFormat from "react-number-format";

const NumericFormatCustom = React.forwardRef(function NumericFormatCustom(
props,
ref
) {
const { onChange, ...other } = props;

const handleValueChange = (values) => {
    console.log("CHANGED ", values);
    const rawValue = values.value;
    const strippedValue = rawValue.replace(/[$,]/g, "");
    const parsedValue = parseInt(strippedValue);
    onChange({
    target: {
        name: props.name,
        value: parsedValue,
    },
    });
};

return (
    <NumericFormat
    {...other}
    getInputRef={ref}
    onValueChange={handleValueChange}
    thousandSeparator
    isNumericString
    prefix="$"
    />
);
});

export default function TextFieldTest(props) {
const { property } = useContext(PropertyContext);

return (
    <TextField
    label="react-number-format"
    value={values.numberformat}
    onChange={handleChange}
    name="numberformat"
    id="formatted-numberformat-input"
    InputProps={{
        inputComponent: NumericFormatCustom,
    }}
    variant="standard"
    />
);
}