超级会员免费看
React开发全解析：从基础到实战
1. JSX基础
JSX 是一种 JavaScript 的语法扩展，用于在 JavaScript 代码中编写类似 XML 的结构，使代码更简洁易读。
以下是 JSX 的一些基础用法示例：
function getGreeting(user) {
if (user) {
return <h1>Hello, {formatName(user)}!</h1>;
}
return <h1>Hello, Stranger.</h1>;
}
function formatName(name) { return `Mr/Mrs ${name}`; }
在这个例子中，如果 user 被传入函数，将返回不同的 React 元素。
1.1 属性定义
在 JSX 代码中定义属性有两种方式：
- 使用引号：
const element = <div id="someDiv"></div>;
- 使用花括号动态定义值：
function getActiveClass() {
return 'active';
}
const anotherElem
订阅专栏 解锁全文
扫一扫
9
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
