Skip to main content

getPersianNumber

usage#

میتونی منو تغییر بدی و این ۶ کلمه که بعدا میشه ۱۱ تا رو با این ۱۶ تا عوض کنی

export const getPersianNumber = (str) => {
const farsiDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
return str
.toString()
.split(/(\d+)/g)
.filter((a) => a !== '')
.map((item) =>
Number(item) || item == 0
? item
.toString()
.split('')
.map((x) => farsiDigits[x])
.join('')
: item
)
.join('');
};
export const App = () => {
const [value, setValue] = React.useState(
'میتونی منو تغییر بدی و این 6 کلمه که بعدا میشه 11 تا رو با این 16 تا عوض کنی'
);
return (
<div className="box-border">
<Input
onChange={(e) => setValue(e.target.value)}
value={value}
className="w-50"
placeholder="یک متن با اعداد انگلیسی وارد کنید"
/>
<Typography className="mt-24">{getPersianNumber(value)}</Typography>
</div>
);
};