React -- JSX基础

React – JSX基础

一、基本语法

1. 使用引号传递字符串

{ '变量名' }

2. 使用javascript 变量

{ count }

3. 函数调用和方法调用

getName()

4. 使用JavaScript对象

new Date().getDate()

二、使用举例

1. 列表渲染

{list.map(item => <li key={item.id}>{item.name}</li>)}

2. 条件渲染

const isLogin = true
function App(){
	return (
		{isLogin && <span>显示</span>}
	)
}