❶ react和js語法上的區別講解
1、樣式class的寫法制
javascript: class
react:className
2、style的寫法 (react的駝峰命名)
javascript: style="background-color:white"
react:style={{backgroundColor: "white"}}
3、變數(react變數是大括弧,js是引號)
javascript: onClick="clickSearch(e)"
react:onClick={(e)=>this.clickSearch(e)}
4、資源的引入
javascript:
css: <link rel="stylesheet" href="../css/iuapmobile.um.css">
js: <script src="../js/summer.js" ></script>
react:
css: import SearchRoomStyle from './searchRoom.css';
js: import ForgetUser from '../components/ForgetUser.js'
❷ 巧用ReactJS來限制輸入框的輸入值
1.限制輸入框只能填寫數字
大家都知道,在輸入框限制只能輸入數字用JS的來判斷要考慮的情況比較多,比如中文切換,復制粘貼限制,用reactJS來實現很簡單
2.限制輸入框的字數
3.即時顯示還可以輸入多少個字