React学习案例四
文章目录
一、代码
我们这个案例的相关的代码如下所示:
<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>Hello React!</title></head><body><div id="example"></div><script type="text/babel">// 定义一个函数
function tick(){
const element =(// 常变量
<div><h1>Hello, world!</h1><h2>现在是 {new Date().toLocaleTimeString()}.</h2></div>);
ReactDOM.render(// render
element,// render 的元素
document.getElementById('example')// 选择在哪一个标签下面进行render
);}
setInterval(tick,1000);// 每隔一秒钟执行一次函数
</script></body></html>
二、总结
最后,谢谢大家的阅读与支持,期待大家的持续的关注,希望对大家有一些帮助了啦,最后,感谢大家的阅读了啦。
本文转载自: https://blog.csdn.net/m0_54218263/article/details/122721233
版权归原作者 hhh江月 所有, 如有侵权,请联系我们删除。
版权归原作者 hhh江月 所有, 如有侵权,请联系我们删除。