React
React不过是MVC中的V而已,不过由于近年Ajax等的异步技术兴起使得一度只能通过后台渲染数据的前端也能够自主独立起来处理数据,换句话说,前后端分离时代的前端完全拥有自己处理数据的能力,而react正是提供这种解决方案的框架之一
想要了解react,组件化思想很重要,可以参考react原作者的思想,用纯js实现react的基本思想
新建一个组件
import React, { Component } from 'react'; /*导入react及其Component*/
class About extends Component {
render(){ /*render()是react提供的一个渲染组件的方法*/
return (
<div className="">
Some About
</div>
)
}
}
export default About /*输出该组件,外部js可以通过import获得该组件*/
事件
onTextChange(e) {
/*some code like*/
let value = e.target.value //监听结点值
console.log(value)
}
render(){
return (
<div className="">
<input type="text"
className="write-title"
placeholder="请输入标题"
/*通过bind(this, arg1,arg2...)为组件绑定事件*/
onChange={this.onTextChange.bind(this)} /><br /><br />
)
}
未完待续
