react组件基础之JSX内置表达式

import React from 'react';
export default class BodyIndex extends React.Component{
  render(){

    var userName = '';
    var boolInput = false;

    var html = "IMOOC LESSON";

    //comments

    return (
      <div>
        <h2>页面的主体内容</h2>
        <p>{userName=='' ? '用户还没有登录' : '用户名：' + userName}</p>
        <p><input type='button' value = {userName} disabled={boolInput}/></p>
        {/*注释*/}
        <p>{html}</p> {/*需要进行 Unicode 的转码*/}
        <p dangerouslySetInnerHTML ={{__html : html}}></p>
      </div>
    )
  }
}

小结

三元表达式的写法

#####属性进行动态值绑定的时候，去掉引号

注释的写法

要显示纯html

进行unicode转码

用dangerouslySetInnerHTML