zoukankan      html  css  js  c++  java
  • React组件开发(二)表达式

    var obj = {
      name:"xiaoming",
      age:"18"
    }

    var Hello= React.createClass({

      render:function(){
      var name = "tiechui";
      return (
        <div>
          <h2>{name+"hello"} 组件!</h2>

          <div>{[1,2,3][2]}</div>

          <div>{obj.name}***{obj.age}</div>
        <div>
      {
        //支持函数表达式
      }
      {
        /*
        这是多行注释
        */
      }
        { (function(){
          if(true){

          }else{

        }
          return "我是自执行函数运行完的返回值"
        })()}

      </div>

      <ul>
        <li>1111</li>
        <li>2222</li>
        <li>3333</li>
      </ul>
     </div>
    )}
    })


    ReactDOM.render(<Hello></Hello>,document.getElementById("box"));


    //1. {单大括号包裹变量(对象,数组,简单数据类型....)}
    //2. 变量未定义会报错
    //3. {只能是表达式, 不能是语句if,switch},可以是函数表达式

    //4. 注释的写法 {这里面写注释} {//单行} {/*多行*/}

  • 相关阅读:
    mybatis中#{}和${}的区别 (二)
    JAVA分布式架构的演变及解决方案
    mybatis中的#和$的区别
    https
    vue3的组件v-model初探1
    前端性能优化
    HTTP请求的完全过程
    http缓存详解,http缓存推荐方案
    vscode-setting备份
    Mac电脑在finder中添加- 右键打开vscode
  • 原文地址:https://www.cnblogs.com/BlueCc/p/6509542.html
Copyright © 2011-2022 走看看