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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐