react学习(一)——jsx基础

react采用es6语法 ,使用jsx模板。推荐在jsx文件中体现用户界面,可能像拼接html标签的语法,看起来个人觉得不是很友好!

使用react-dom 的render()方法来加载到界面上:

import ReactDOM from 'react-dom';
let test = "hello world";
ReactDOM.render(
    <div>{test}</div>,
    document.getElementById('root')
);

在jsx模板中的{}内可以写js代码,变量,函数操作,表达式等

太多的和html差不多的,就可能属性名字不一样,具体的看教程:http://www.runoob.com/react/react-jsx.html

猜你喜欢

转载自blog.csdn.net/wangshang1320/article/details/88352884