1. {}里面放的内容
- 必须有返回值
- 函数(当成组件可以)
- 对象不可以 (例外: 如果引入的是 style 样式, 可以)
- 数组
- 普通数据类型可以 null, boolean, undefined
- 可以运算, 字符串拼接
- 不可以 if else, 但是可以三元运算
let name = "杰克";
<div>{
name}</div>
--------------------------
function Jieke(){
return "jieke"
}
<div>{
Jieke}</div>
<Jieke />
--------------------------
let name = {
username: "杰克"}
<div>{
name.username}</div>
<div>{
name}</div>
--------------------------
let name = [1,2,3]
<div>{
name}</div>
let name = [1,{
},3]
<div>{
name}</div>
--------------------------
<div style={
color:"red"}>{
name}</div>
但
let style={
color:"red"}
ReactDOM.render(
<div style={
style}>{
name}</div>
)
import React from 'react';
import ReactDOM from 'react-dom';
let obj = <div>hello</div>
ReactDOM.render(
obj,
document.getElementById('app'),
() => {
console.log('good') }
)