• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

evandhq/react-persian: A set of react components for Persian localization.

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

evandhq/react-persian

开源软件地址(OpenSource Url):

https://github.com/evandhq/react-persian

开源编程语言(OpenSource Language):

JavaScript 100.0%

开源软件介绍(OpenSource Introduction):

react-persian

react-persian is a set of react components for Persian localization.

Installation

You can install this package via npm:

npm install react-persian --save

Components

PersianNumber

You can use PersianNumber component to convert the digits to Persian form:

import React from 'react';
import { PersianNumber } from 'react-persian';

class Test extends React.Component {
  render() {
    return (<div>
      سال تولد: <PersianNumber>1372</PersianNumber> <!-- ۱۳۷۲ -->
    </div>);
  }
}

Properties

  • latin (default: true): Enable converting Latin numbers to Persian numbers
  • arabic (default: false): Enable converting Arabic numbers to Persian numbers
  • format (default: false): Enable comma separate number every 3 digit
  • removeCommas (default: false): Enable removing every comma from number/string

PersianNumberWords

You

import React from 'react';
import { PersianNumberWords } from 'react-persian';

class Test extends React.Component {
  render() {
    return (<div>
      قیمت: <PersianNumberWords>5600</PersianNumberWords> <!-- پنج هزار و ششصد -->
    </div>);
  }
}

functions

latinToPersian

You can use latinToPersian function to convert the digits to Persian:

import { latinToPersian } from 'react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(latingToPersian('44'))}>show 44 in persian</button>)
  }
}

arabicToPersian

You can use arabicToPersian function to convert the Arabic digits to Persian:

import { arabicToPersian } from 'react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(arabicToPersian('٤٥'))}>show ٤٥ in persian</button>)
  }
}

formatString

You can use formatString function to add commas every 3 characters fron right:

import { formatString } from 'react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(formatString('۲۵۰۰۰۰۰۰۰'))}> is equal to ۲۵۰,۰۰۰,۰۰۰</button>)
  }
}

removeCommasFromString

You can use formatString function to remove any commas from string:

import { removeCommasFromString } from 'react-persian';

class Test extends React.Component {
  render() {
    return (<button onClick={() => console.log(removeCommasFromString('۲۵۰,۰۰۰,۰۰۰'))}> is equal to ۲۵۰۰۰۰۰۰۰ (without commas)</button>)
  }
}



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap