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
15
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 1 年前
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 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐