React-Element 元素之动态显式当前时间
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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秒执行一次
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献8条内容
所有评论(0)