React-注意事项-记录学习过程
react是一个专门用于构建用户ui的库,不是一门新语言,而是一个js库/框架;react的特点就是使用虚拟DOM,页面的加载速度更优化,同时采用声明式编码,操作虚拟DOM更简单,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>react测试-虚拟DOM</title>
<script src="js/react.development.js"></script>
<script src="js/react-dom.development.js"></script>
<script src="js/babel.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
let hello = (<span>
<a>Hello React!</a>
</span>)
ReactDOM.render(hello,document.getElementById("app"));
</script>
</body>
</html>
?注意
1.标签事件
用户名<input type="text" onChange={this.save}/><br />
this.save这样写就是把this.save的函数给到了react
而如果是onChange={this.save(xx)},这样的话,给到onchange的是函数的返回值,这样的话只会被出发一次,并且之后再怎么促发事件都不会调用this.save方法,因为给到onchange的是函数的返回值
2.高阶函数-函数的柯里化
高阶函数
1.一个函数的参数是一个函数那么这个函数就称为高阶函数: setTimeout,Propmise…
2.一个函数的返回值依然是一个函数那么这个函数就称为高阶函数;
save = (dtype)=>{
return (e)=>{
this.setState({[dtype]:e.target.value})
}
}
函数的柯里化
我学习React的更新或者更详细的学习过程将会在石墨文档中记录,https://shimo.im/docs/h3y3rgY3xCP6CRcw/ 「React」，可复制链接后用石墨文档 App 或小程序打开
-
RorinL 作者 h
快捷登陆