react jsx语法

港控/mmm° 2023-07-06 11:34 122阅读 0赞
  1. //调用react下面的createElement方法,传入第一个参数是tag
  2. //第二个是属性,第三个是子元素集合
  3. import React from 'react'
  4. let JsxDemo =(
  5. <div className='app'>
  6. <h3>hello react</h3>
  7. </div>
  8. )
  9. //Babel转换后
  10. /*
  11. var JsxDemo = React.createElement("div", {
  12. className: "app"
  13. }, React.createElement("h3", null, "hello react"));
  14. */
  15. export default JsxDemo;

发表评论

表情:
评论列表 (有 0 条评论,122人围观)

还没有评论,来说两句吧...

相关阅读

    相关 浅谈ReactJSX语法(一)

    最好的解决方案是:通过JavaScript直接生成模板,然后去构建用户界面。 为了使其变得更简单,有一个非常简单、可选的类似HTML的语法 ,通过函数调用即可生成模板的编译器