码迷,mamicode.com
首页 > 其他好文 > 详细

React将某段文字插入到某个元素里

时间:2018-11-14 15:38:18      阅读:633      评论:0      收藏:0      [点我收藏+]

标签:react   span   world   develop   and   class   rip   babel   文件   

最基本使用:

引入依赖文件:

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!-- 生产环境中不建议使用 -->
<script src="https://unpkg.com/babel-standalone@6.15.0/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()方法

React将某段文字插入到某个元素里

标签:react   span   world   develop   and   class   rip   babel   文件   

原文地址:https://www.cnblogs.com/shui1993/p/9957917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!