Skip to content

Commit

Permalink
docs: add event of rax compat (#6037)
Browse files Browse the repository at this point in the history
* docs: add event of rax compat

* docs: modify event
  • Loading branch information
answershuto authored Mar 10, 2023
1 parent 430fff8 commit 87472b3
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions website/docs/guide/advanced/integrate-from-rax.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,9 @@ function App {
### 其他差异

- Attributes:

在 React 中,原生标签的 props 是存在白名单的,而 Rax 中没有该判断。这差异导致使用非 `data-*` 的自定义属性在 React Runtime 中会被忽略(会有 warning),如果用户通过非标的自定义属性存储在 attributes 中,在 React Runtime 中会无法从真实节点的 ref 中通过 `getAttribute` 获取。如果用了这些非标自定义属性,推荐使用 `data-*` 来标识自定义属性。
在 React 中,原生标签的 props 是存在白名单的,而 Rax 中没有该判断。这差异导致使用非 `data-*` 的自定义属性在 React Runtime 中会被忽略(会有 warning),如果用户通过非标的自定义属性存储在 attributes 中,在 React Runtime 中会无法从真实节点的 ref 中通过 `getAttribute` 获取。如果用了这些非标自定义属性,推荐使用 `data-*` 来标识自定义属性。
- 事件:
React 通过[合成事件](https://zh-hans.reactjs.org/docs/events.html)机制对浏览器环境中的事件进行代理,而 Rax 则是通过节点原生的 addEventListener 方法将事件与处理函数绑定在一起。在你清楚地了解 Rax 与 React 的事件实现差异之前,尽量不要使用 ref 访问真实 DOM 节点来处理原生事件,否则可能会出现未预料的行为。

## rax-app 工程迁移

Expand Down

0 comments on commit 87472b3

Please sign in to comment.