第四次五天总结-喻淞彬

阅读数:427 发布时间:2016-12-15 00:55:26

作者:秀野堂主 标签: React gulp

React是由Facebook推出的开源的用来构建用户界面的JavaScript库.在前端框架爆炸式增长的年代,React区别于其他框架的主要有以下三个特点: Component-Based, virtual DOM, XML-like syntax(JSX);

Component-Based

virtual DOM

XML-like syntax(JSX)

class HelloWorld extends React.Component {
    render() {
      return <div>Hello {this.props.name}</div>;
    }
}

ReactDOM.render(<HelloWorld name="world" />, mountNode);

在上述代码中,就使用了JSX语法新建一个HelloWorld组件,通过render()方法通过this.props接收数据的返回需要展示的数据.在JSX语法中,新建的标签首字母需要大写,如<HelloWorld / >,这种写法类似与XML的语法,所以这种新建DOM的js语法称为JSX语法,是React的基本语法,也是区别于其他 前端框架的最显眼的一个特点

相关文章推荐: