雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

JavaScript

當前位置:主頁 > 網(wǎng)絡(luò)編程 > JavaScript >

React 實現(xiàn)車牌鍵盤的示例代碼

來源:本站原創(chuàng)|時間:2020-01-10|欄目:JavaScript|點擊:

vehicle-plate-keyboard

React 實現(xiàn)的車牌鍵盤。

https://github.com/LiuuY/vehicle-plate-keyboard

💡 Features

省份 + 字母/數(shù)字 + '港澳學警領(lǐng)'

新能源車牌

自動判斷當前位置可輸入字符類型

🚗 Demo

Demo

📷 Screenshots

📦 Installation

yarn add vehicle-plate-keyboard

🔨 Usage

import LicenseKeyboard from 'vehicle-plate-keyboard';
import 'vehicle-plate-keyboard/dist/main.css';

...

<LicenseKeyboard
  visible={state.showKeyboard}
  onChange={value => setState({ value })}
  value={state.value}
  done={() => setState({ showKeyboard: false })}
/>

API

props type description
visiable boolean keyboard visible
onChange (value: string) => void trigger when user tap
value string controlled value
done () => void trigger when keyborad dismiss
confirmButtonStyle React.CSSProperties confirm button style
confirmButtonText string confirm button text
cellTextStyle React.CSSProperties keycell style
safeArea boolean show safearea

📝 License

MIT License

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持我們。

上一篇:Vue+Node服務(wù)器查詢Mongo數(shù)據(jù)庫及頁面數(shù)據(jù)傳遞操作實例分析

欄    目:JavaScript

下一篇:使用JavaScript計算前一天和后一天的思路詳解

本文標題:React 實現(xiàn)車牌鍵盤的示例代碼

本文地址:http://www.jygsgssxh.com/a1/JavaScript/9446.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有