前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React篇(018)-什么是 JSX?

React篇(018)-什么是 JSX?

作者头像
齐丶先丶森
发布2022-05-12 20:40:36
1700
发布2022-05-12 20:40:36
举报
文章被收录于专栏:前端面试秘籍

答案:

JSX是ECMAScript一个类似XML的语法扩展。基本上,它只是为`React.createElement()` 函数提供语法糖,从而让在我们在 JavaScript 中,使用类 HTML 模板的语法,进行页面描述。 在下面的示例中,`<h1>` 内的文本标签会作为 JavaScript 函数返回给渲染函数。

代码语言:javascript
复制
    class App extends React.Component {
      render() {
        return(
          <div>
            <h1>{'Welcome to React world!'}</h1>
          </div>
        )
      }
    }

以上示例 render 方法中的 JSX 将会被转换为以下内容:

代码语言:javascript
复制
React.createElement("div", null, React.createElement("h1", null, 'Welcome to React world!'));

这里你可以访问 [Babeljs](https://babeljs.io/repl) 在线体验一下。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-05-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端面试秘籍 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档