3s学会jsx的基本使用
发布日期:2021-05-10 03:28:55 浏览次数:23 分类:原创文章

本文共 631 字,大约阅读时间需要 2 分钟。


  • 遇到{
    直到 } 部分当成 js 解析

  • 遇到< 直到 > 部分当成 html 解析



jsx = XML+ js



项目实战


<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script><script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script></head><body><div id="example"></div>// jsx 开始<script type="text/babel">ReactDOM.render(	{
/* 括号内为js语法 */} {
/* 下面的尖括号为html语法 */} <h1>Hello, world!</h1>, document.getElementById('example'));
</script></body></html>
上一篇:HTTP之神秘的CORS
下一篇:HTTP服务器

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2025年04月30日 13时18分07秒