❶ 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.即时显示还可以输入多少个字