JSX语法可以:
- 渲染数字
- 渲染字符串
- 渲染布尔值
- 为属性绑定值
- 渲染JSX元素
- 渲染JSX元素数组
- 将普通字符串数组转换为JSX数组并渲染
可直接将标签放入render()方法中:
该标签经过Babel的转换后不是一个HTML标签了 而是一个对象
import React from 'react'
import ReactDOM from 'react-dom'
ReactDOM.render(<div>我是帅哥</div>,document.getElementById("app"))
在JSX语法中 使用花括号{}
进行占位:
(类似于Vue的插值表达式)
1、渲染数字
let a=10;
ReactDOM.render(<div>{
a}</div>,document.getElementById("app"))
在花括号内 还可进行基本表达式运算
比如:
let a=10;
ReactDOM.render(<div>{
a+12}</div>,document.getElementById(