（本文摘錄于阮一峰老師所寫文章，https://wangdoc.com/javascript/basic/index.html，作個人學(xué)習(xí)使用。）
1、我們給 input 元素加了一個 ref 屬性，這個屬性值是一個函數(shù)。當(dāng) input 元素在頁面上掛載完成以后，React.js 就會調(diào)用這個函數(shù)，并且把這個掛載以后的 DOM 節(jié)點傳給這個函數(shù)。在函數(shù)中我們把這個 DOM 元素設(shè)置為組件實例的一個屬性，這樣以后我們就可以通過 this.input 獲取到這個 DOM 元素。
2、但是記住一個原則：能不用 ref 就不用。特別是要避免用 ref 來做 React.js 本來就可以幫助你做到的頁面自動更新的操作和事件監(jiān)聽。多余的 DOM 操作其實是代碼里面的“噪音”，不利于我們理解和維護(hù)。
3、使用自定義組件的時候，可以在其中嵌套 JSX 結(jié)構(gòu)。嵌套的結(jié)構(gòu)在組件內(nèi)部都可以通過 props.children 獲取到，這種組件編寫方式在編寫容器類型的組件當(dāng)中非常有用。而在實際的 React.js 項目當(dāng)中，我們幾乎每天都需要用這種方式來編寫組件。
4、出于安全考慮的原因（XSS 攻擊：跨站腳本攻擊），在 React.js 當(dāng)中所有的表達(dá)式插入的內(nèi)容都會被自動轉(zhuǎn)義，就相當(dāng)于 jQuery 里面的 text(…) 函數(shù)一樣，任何的 HTML 格式都會被轉(zhuǎn)義掉。
使用 dangerouslySetInnerHTML={{__html: this.state.content}} 可以轉(zhuǎn)義。
5、React.js 中的元素的 style 屬性的用法和 DOM 里面的 style 不大一樣，style屬性接受一個對象，這個對象里面是這個元素的 CSS 屬性鍵值對，原來 CSS 屬性中帶 - 的元素都必須要去掉 - 換成駝峰命名，如 font-size 換成 fontSize，text-align 換成 textAlign。
例如：<h1 style={{fontSize: '12px', color: 'red'}}>React.js 小書</h1>
6、React.js 提供了一種機(jī)制，讓你可以給組件的配置參數(shù)加上類型驗證，安裝一個 React 提供的第三方庫 prop-types。另外，可以通過 isRequired 關(guān)鍵字來強(qiáng)制組件某個參數(shù)必須傳入，例如：
static propTypes = {
comment: PropTypes.object.isRequired
}
通過 PropTypes 給組件的參數(shù)做類型限制，可以在幫助我們迅速定位錯誤，這在構(gòu)建大型應(yīng)用程序的時候特別有用；另外，給組件加上 propTypes，也讓組件的開發(fā)、使用更加規(guī)范清晰。
