React JSX语法使用

我是表哥Harker，表妹我来咯~

前面对React脚手架简单的介绍，本篇学习一下 JSX 语法，之前的 React.createElement()、ReactDOM.render() 不太友好所以了解就行，后面基本都是用JSX去做

 

1、前提

• ### 以后都是基于React的脚手架运行开发 ###
• VScode之前我们安装了一个插件 JS-CSS-HTML Formatter，这个插件保存文件的时候格式化会弄乱JSX，先禁用！
• 修改 settings.json 文件 添加 如下（自动补全功能）

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
}

• VScode安装两个插件，对开发React比较好， Reactjs code snippets ，React Redux ES6 Snippets

 

2、为什么使用JSX

• createElement() 的问题 
• 1. 繁琐不简洁
• 2. 不直观，无法一眼看出所描述的结