React-Element 元素之动态显式当前时间

最新推荐文章于 2024-08-07 09:29:50 发布

往前的

最新推荐文章于 2024-08-07 09:29:50 发布

阅读量1.1w

点赞数 1

本文链接：https://blog.csdn.net/m0_37355951/article/details/72824652

版权

1.React有Element(元素)和Component(组件)，多个元素组成组件，类似不断封装的思想

//这就是元素

const element = <h1>Hello, world</h1>

2.动态显式时间（React元素是不变的，也就是一次性）

function ticking(){
  const element = (
    <div>
      <h1>现在时间是：</h1>
      <h2>{new Date().toLocaleTimeString()}</h2>
    </div>
  );
  ReactDOM.render(
    element,
    document.getElementById('root')
  );
};
setInterval(ticking, 1000);

总结：

1.这里说明const常量可以定义在任何地方，只是作用域不一样（最近的{}内有效）

2.渲染也可以是在任何位置。

3.new Date().toLocaleTimeString() 获取当前时间（本地格式输出）对于函数都是{}括起来

4.setInterval(ticking, 1000) 注意这里函数需要()号, 表示1秒执行一次