第一坑
关于document.getElementsByClassName()的使用
今天我试用React元素渲染到根DOM节点上,结果一直class一直显示不出来,后来发现是忘记了getElementsByClassName()函数获取的是一个数组
<div class="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementsByClassName('example')[0] //此处获取的是一个数组,所以要在getElementsByClassName('example')后面加上[0]
);
</script>
更新
React 元素都是不可变的。当元素被创建之后,你是无法改变其内容或属性的。
目前更新界面的唯一办法是创建一个新的元素,然后将它传入 ReactDOM.render() 方法:
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
<h2>现在是 {new Date().toLocaleTimeString()}.</h2>
</div>
);
ReactDOM.render(
element,
document.getElementById('example')
);
}
setInterval(tick, 1000);