React第一天

第一坑

关于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);