Update format

Author: hstarorg

content/docs/jsx-in-depth.md

@@ -104,7 +104,7 @@ import React from 'react';
 
 // 错误！组件应该以大写字母开头：
 function hello(props) {
-  // 正确！这种 <div> 的使用是合法的，因为div是一个有效的 HTML 标签
+  // 正确！这种 <div> 的使用是合法的，因为 div 是一个有效的 HTML 标签
   return <div>Hello {props.toWhat}</div>;
 }
 
@@ -121,7 +121,7 @@ import React from 'react';
 
 // 正确！组件需要以大写字母开头：
 function Hello(props) {
-  // 正确！ 这种<div>的使用是合法的，因为 div 是一个有效的 HTML 标签：
+  // 正确！ 这种 <div> 的使用是合法的，因为 div 是一个有效的 HTML 标签：
   return <div>Hello {props.toWhat}</div>;
 }
 
@@ -196,7 +196,7 @@ function NumberDescriber(props) {
 }
 ```
 
-你可以在对应的章节中学习更多关于 [条件渲染](/docs/conditional-rendering.html) 和 [循环](/docs/lists-and-keys.html) 的内容。
+你可以在对应的章节中学习更多关于[条件渲染](/docs/conditional-rendering.html)和[循环](/docs/lists-and-keys.html)的内容。
 
 ### 字符串字面量 {#string-literals}
 
@@ -228,7 +228,7 @@ function NumberDescriber(props) {
 <MyTextBox autocomplete={true} />
 ```
 
-通常，我们不建议这样使用，因为它可能与 [ES6对象简写](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#New_notations_in_ECMAScript_2015) 混淆， `{foo}` 是 `{foo: foo}` 的简写，而不是 `{foo: true}`。这样实现只是为了保持和 HTML 中标签属性的行为一致。
+通常，我们不建议这样使用，因为它可能与 [ES6 对象简写](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#New_notations_in_ECMAScript_2015)混淆， `{foo}` 是 `{foo: foo}` 的简写，而不是 `{foo: true}`。这样实现只是为了保持和 HTML 中标签属性的行为一致。
 
 ### 属性扩散 {#spread-attributes}
 
@@ -282,7 +282,7 @@ const App = () => {
 <MyComponent>Hello world!</MyComponent>
 ```
 
-这是一个合法的JSX，`MyComponent` 中的 `props.children` 是一个简单的未转义字符串 `"Hello world!"`。因此你可以采用写 HTML 的方式来书写 JSX。如下所示：
+这是一个合法的 JSX，`MyComponent` 中的 `props.children` 是一个简单的未转义字符串 `"Hello world!"`。因此你可以采用写 HTML 的方式来书写 JSX。如下所示：
 
 ```html
 <div>This is valid HTML &amp; JSX at the same time.</div>
@@ -319,7 +319,7 @@ JSX 会移除行首尾的空格以及空行。与标签相邻的空行均会被
 </MyContainer>
 ```
 
-你可以将不同类型的子元素混合在一起，因此你可以将字符串字面量与 JSX 子元素一起使用。这也是 JSX 类似 HTML 的一种表现，所以如下是合法的 JSX 也是合法的HTML：
+你可以将不同类型的子元素混合在一起，因此你可以将字符串字面量与 JSX 子元素一起使用。这也是 JSX 类似 HTML 的一种表现，所以如下是合法的 JSX 也是合法的 HTML：
 
 ```html
 <div>
@@ -403,7 +403,7 @@ function ListOfTenThings() {
 }
 ```
 
-你可以将任何东西作为子元素传递给自定义组件，只要确保在该组件渲染之前已经被转换成 React 能够理解的对象。这种用法并不常见，但可以用来扩展 JSX 。
+你可以将任何东西作为子元素传递给自定义组件，只要确保在该组件渲染之前已经被转换成 React 能够理解的对象。这种用法并不常见，但可以用来扩展 JSX。
 
 ### 布尔类型、Null 以及 Undefined 将会忽略 {#booleans-null-and-undefined-are-ignored}