zoukankan      html  css  js  c++  java
  • [React] React Fundamentals: JSX Deep Dive

    "JSX transforms from an XML-like syntax into native JavaScript. XML elements and attributes are transformed into function calls and objects, respectively."

    Input:

    React.createClass({
      render: function(){
       var style = {
          backgroundColor: '#ccc',
          color: blue
       };
        return (
             <div >
                  <a href="#"  style={style}/> {/*This is comment*/} Thisis message
                  {/*JSX don't have if else*/}
                  {i > 1 ? 'More than one' : 'one'}
                  {i>1&& 'More than one' }
            </div>
        )
     }
    })

    output:

    React.createClass({
      render: function(){
       var style = {
          backgroundColor: '#ccc',
          color: blue
       };
        return (
             React.createElement("div", null, 
                  React.createElement("a", {href: "#", style: style}), " ", /*This is comment*/" Thisis message", 
                  /*JSX don't have if else*/
                  i > 1 ? 'More than one' : 'one', 
                  i>1&& 'More than one'
            )
        )
     }
    })
  • 相关阅读:
    归并排序
    堆排序
    数组数据生成器
    冒泡排序
    快速排序
    希尔排序
    排序接口与抽象类(java)
    Pycharm下HTMLTestRunner不生成测试报告
    抓包工具使用记录
    接口学习笔记
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4761438.html
Copyright © 2011-2022 走看看