React——JSX

就是React的Html语法

可以说是实例的render方法创建虚拟DOM树,生成DOM,虚拟dom跟vue好像一样,就是js生成各个节点然后渲染成真实的,这样说不知对不对

ReactDOM.render(
  <Hello/>,     //x
  document.querySelector('#app')
);

x部分就是对应的html写法,注意点:

  <p>{2+2}</p> //js表达式

  <p>{}</p> //无if else用三目运算

注释 {/*  hjj    */}

样式  只有内联?

数组[],会依次加入

 

html vs jsx

class/for   ==>  className/htmlFor

posted @ 2017-07-20 15:45  HHLweb  阅读(98)  评论(0编辑  收藏  举报