React將某段文字插入到某個元素裡
阿新 • • 發佈:2018-11-14
最基本使用:
引入依賴檔案:
<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script> <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script> <!-- 生產環境中不建議使用 --> <script src="https://unpkg.com/[email protected]/babel.min.js"></script>
將Hello World插入到id為example節點中
<div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script>
也可以寫成
const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementById('example') );
想更新元素,只能是創造一個新的元素,傳入ReactDOM.render()方法