在JSX中可以通過 大括號語法 { } 識別JS中的表達式,比如常見的變量、函數調用、方法調用等等
1、使用引號傳遞字符串
2、使用JavaScript變量
3、函數調用和方法調用
????????(函數和方法本質沒有區別,這里默認:?函數是自己定義的,方法是內置或第三方的)
4、使用JavaScript對象
?注意:if 語句、switch 語句、變量聲明屬于語句,不是表達式,不能出現在 { } 中
使用示例:
const count = 100;function getName() {return 'zhangsan';
}function App() {return (<div className="App">this is App{/* 使用引號傳遞字符串 */}{'this is message'}{/* 識別js變量 */}{count}{/* 函數(自己定義的)調用,直接展示函數的return值 */}{getName()}{/* 方法(內置的)調用 */}{new Date().toLocaleString()}{/* 使用js對象,一般在使用內聯樣式的時候使用 */}<div style={{ color: 'red' }}>this is red</div></div>);
}export default App;