Facebook前端框架React.js JSX语法基础

简介

JSX为面书为react.js开发的一套语法糖,也是react.js的使用基础。当然也可以选择使用原生js开发。

JSX即Javascript XML

相关资料

  • React.js官网
  • React JSFiddle

Hello World

HTML代码

<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js">script>

<div id="container">
    
div>

JS代码

var Hello = React.createClass({
  render: function() {
  
    return <div>Hello {this.props.name}div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

输出结果

Facebook前端框架React.js JSX语法基础_第1张图片

注意:若在html混杂js代码,请留意以下代码


                    
                    

你可能感兴趣的:(Javascript)