ReactDOM

react-dom提供特定方法可以用在應用程式頂層，作為react model出口

render() ⇒ 只會執行更新必要的DOM

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

hydrate() ⇒

DOM Element

• checked

input type為checked時可選擇，checked或defaultChecked決定可否控制

• dangerouslySetInnerHTML

取代innerHtml的方式，用此方法提醒使用該方法具有xss攻擊的風險

• style

不推薦直接使用style，勁量使用動態載入style的方式

const divStyle = {
	width: 200px,
	height: 200px,
}

function App () {
	return <div style={divStyle}></div>
}

• value

使用<input>，<select>， <textarea>可以設立value對於受控組件很有幫助defaultValue則是在不受控組建時設定

Test utilities 測試工具

import ReactTestUtils from 'react-dom/test-utils'; // ES6
var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm

推薦使用react Testing Library