10、React 开发：从 JSX 到函数式组件的全面解析

React 开发：从 JSX 到函数式组件的全面解析

1. JSX 相关知识

1.1 data- 属性

在开发中，有时需要通过 DOM 节点传递额外数据。尽管不建议将 DOM 当作数据库或本地存储，但在向第三方库传递变量时可能会有此需求。若要创建自定义属性并使其渲染，可使用 data- 前缀。

例如，以下是一个有效的自定义 data-object-id 属性，React 会在视图中渲染它（HTML 与 JSX 相同）：

<li data-object-id={object.id}>...</li>

若输入以下 JSX 元素，React 不会渲染 object-id ，因为它不是标准的 HTML 属性（HTML 会缺少 object-id ，与 JSX 不同）：

<li object-id={object.id}>...</li>

1.2 小测验及答案

问题	答案	解释
要在 JSX 中输出 JavaScript 变量，应使用以下哪个？ =