前端学习（2217）：react元素渲染之时钟

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';//<app/>js的普通对象
/*let app = < App / >let root = document.getElementById('root')let h1=<h1>helloworld<span>我是</span></h1>
{ ReactDOM.render(h1, root
); }*/
//实现时刻的变化
function clock() {let time = new Date().toLocaleTimeString()let element = ( < div > < h1 > 现在的时间 { time } < /h1></div > )let root = document.querySelector('#root')ReactDOM.render(element, root)
}
clock()setInterval(clock, 1000)

运行结果

前端学习（2217）：react元素渲染之时钟相关推荐

【前端学习】React学习资料
React 是一种开源的 JavaScript 库,用于构建用户界面.它由 Facebook 开发并维护,已经成为了当今最流行的前端库之一.与其他框架不同,React 主要专注于视图层(View),旨 ...
【前端学习】React学习笔记-事件、生命周期、虚拟DOMdiffing
跟着尚硅谷的天禹老师学习React 看视频可以直接点击 b站视频地址 React中的事件处理补充ref 上面的ref在React官网中提到不要被过度使用,在一些情况下可以使用其他方法来获取数据,比如 ...
前端学习（2216）：react元素渲染
index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import A ...
前端学习（2218）：react元素渲染之函数式函数式编程
index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import A ...
【React学习】React更新渲染原理
当我们调用 setState 之后发生了什么?react经历了怎样的过程将新的 state 渲染到页面上? 一次react更新,核心就是对虚拟dom进行diff,找出最少的需要变化的dom节点,然后对 ...
前端学习之React篇-（1）最简React——Html直接引用React
当新手想看看React是什么样的,语法是什么样的,那么这里给出了一个最简单的使用React的方法--就是在html页面中直接引入React的js文件,然后在这个html中直接写react的js即可,简 ...
前端学习 -- Css -- 伪元素
:first-letter 表示第一个字符 :first-line 表示文字的第一行 :before 选中元素的最前边,一般该伪类都会结合content一起使用,通过content可以向指定位置添加内 ...
react学习(43)----react中将一个元素渲染为 DOM
假设你的 HTML 文件某处有一个 <div>: <div id="root"></div> 我们将其称为"根" DOM 节 ...
2022年11月前端学习笔记
目录 2022.11.01 1.多行显示省略号 2.单行显示省略号 2022.11.02 1.uniapp:uni.navigateBack()返回上一个页面自动刷新数据(h5可以,但是手机上不行) ...

前端学习（2217）：react元素渲染之时钟

前端学习（2217）：react元素渲染之时钟相关推荐

最新文章

热门文章