一、简介介绍下React,说说他们都有哪些特性
1.1 简介
React是一个构建用户界面的 JavaScript 库,是一个UI 层面的解决方案。React遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序开发更高效。同时,React使用虚拟DOM来有效地操作DOM,遵循从高阶组件到低阶组件的单向数据流。同时,React可以帮助我们将界面拆分成各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,构成一个整体页面。
语法上,React 类组件使用一个名为 render() 的方法或者函数组件return,接收输入的数据并返回需要展示的内容,比如:
class HelloMessage extends React.Component {
render() {
return (
Hello {this.props.name}
);
}
}
ReactDOM.render(
,
document.getElementById('hello-example')
);
上述这种类似 XML形式就是 JSX,最终会被babel编译为合法的JS语句调用。被传入的数据可在组件中通过 this.props 在 render() 访问。
1.2 特性React特性有很多,下面列举几个有特性的:
- JSX语法
- 单向数据绑定
- 虚拟DOM
- 声明式编程