React使用及JSX

358 阅读1分钟

使用

CDN引入
zh-hans.reactjs.org/docs/cdn-li…

create react app
内部使用 Babel 和 webpack
zh-hans.reactjs.org/docs/create…

React.createElement

创建React 元素,它是虚拟DOM对象

()=>React.createElement

每次执行获取最新div 对比虚拟div,DOM Diff找不同,局部更新视图

JSX

官方介绍: zh-hans.reactjs.org/docs/introd…

Vue的vue-loader:.vue文件=>标签组件
Vue将标记与逻辑进行分离<template><script>

React的babel-loader:JSX=>JS|()=>React.createElement
React混合标记与逻辑,写在JSX中
webpack内置babel-loader

使用事项: 1.className声明class 2.JS代码{}包裹 3.对象也是{{}}内部的{}是对象 4.return后加() 5.可像xml使用自闭合语法