1. 程式人生 > >React將某段文字插入到某個元素裡

React將某段文字插入到某個元素裡

最基本使用:

引入依賴檔案:

<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()方法