{"body":"","parents":["9c7dc5f3b8d7128cc2d5215b5a0c5351759deea1"],"patch":"diff --git a\/docs\/docs\/02.3-jsx-gotchas.zh-CN.md b\/docs\/docs\/02.3-jsx-gotchas.zh-CN.md\nnew file mode 100644\nindex 0000000000..ad68fd3693\n--- \/dev\/null\n+++ b\/docs\/docs\/02.3-jsx-gotchas.zh-CN.md\n@@ -0,0 +1,67 @@\n+---\n+id: jsx-gotchas-zh-CN\n+title: JSX 陷阱\n+permalink: jsx-gotchas-zh-CN.html\n+prev: jsx-spread-zh-CN.html\n+next: interactivity-and-dynamic-uis-zh-CN.html\n+---\n+\n+JSX 与 HTML 非常相似，但是有些关键区别要注意。\n+\n+> 提示:\n+>\n+> 关于 DOM 的区别，如行内样式属性 `style`，参考 [DOM 区别](\/react\/docs\/dom-differences.html)\n+\n+## HTML 实体\n+\n+HTML 实体可以插入到 JSX 的文本中。\n+\n+```javascript\n+

First · Second<\/div>\n+```\n+\n+如果想在 JSX 表达式中显示 HTML 实体，可以会遇到二次转义的问题，因为 React 默认会转义所有字符串，为了防止各种 XSS 攻击。\n+\n+```javascript\n+\/\/ 错误: 会显示 “First · Second”\n+

{'First · Second'}<\/div>\n+```\n+\n+有多种绕过的方法。最简单的是直接用 Unicode 字符。这时要确保文件是 UTF-8 编码且网页也指定为 UTF-8 编码。\n+\n+```javascript\n+

{'First · Second'}<\/div>\n+```\n+\n+安全的做法是先找到 [实体的 Unicode 编号](http:\/\/www.fileformat.info\/info\/unicode\/char\/b7\/index.htm) ，然后在 JavaScript 字符串里使用。\n+\n+```javascript\n+

{'First \\u00b7 Second'}<\/div>\n+

{'First ' + String.fromCharCode(183) + ' Second'}<\/div>\n+```\n+\n+可以在数组里混合使用字符串和 JSX 元素。\n+\n+```javascript\n+

{['First ', ·<\/span>, ' Second']}<\/div>\n+```\n+\n+万不得已，可以直接使用原始 HTML。\n+\n+```javascript\n+

\n+```\n+\n+## 自定义 HTML 属性\n+\n+如果往原生 HTML 元素里传入 HTML 规范里不存在的属性，React 不会显示它们。如果需要使用自定义属性，要加 `data-` 前缀。\n+\n+```javascript\n+

\n+```\n+\n+以 `aria-` 开头的 [网络无障碍] 属性可以正常使用。\n+\n+```javascript\n+

\n+```\n","files":[{"status":"A","path":"docs\/docs\/02.3-jsx-gotchas.zh-CN.md"}],"commit":{"authorName":"Cam Song","authoredAt":"2014-12-14T04:28:57+08:00","subject":"Add Chinese translation of jsx-gotchas","revision":"f84ede6d34b5d7840f96c0e80293320e2088d6c4","shortRevision":"f84ede6d34","authorEmail":"neosoyn@gmail.com"}}

dillon1000/react

Files changed