2.4 Specifying Children with JSX 通过JSX指定子标签

If a tag is empty, you may close it immediately with />, like XML:

如果是一个空标签,你可以像XML那样通过 />快速改变它。

const element = <img src={user.avatarUrl} />;

JSX tags may contain children:

JSX标签也许包含子标签:

const element = (
   <div>
      <h1>Hello</h1>
      <h2>Good too see you here!</h2>
   </div>);

Caveat:

Since JSX is closer to JavaScript than HTML, React DOM uses camelCase property naming convention instead of HTML attribute names.

JSX比HTML更接近JavaScript,React Dom 使用驼峰属性命名规则替换HTML的属性名称。

For example, class becomes className in JSX, and tabindex becomes tabIndex.

例如在JSX里面class变成了className,而tabindex变成了tabIndex。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 12,583评论 2 21
  • 关于JSX 考虑这样一段代码:const element = Hello, world! ;这段代码既不是字符串...
    带三本书阅读 2,994评论 0 1
  • 思考一下这样的变量声明: const element = Hello, world! ; 上面这个好玩的标记语法...
    编码的哲哲阅读 8,778评论 0 0
  • 最近看了一本关于学习方法论的书,强调了记笔记和坚持的重要性。这几天也刚好在学习React,所以我打算每天坚持一篇R...
    gaoer1938阅读 5,693评论 0 5
  • 前天蒸了3斤,可惜3个人吃不过瘾,一个人吃正好。 我们的网站:点这里 2013 年 7 月 12 日 10:50
    塔罗右手三知六应阅读 3,180评论 0 49

友情链接更多精彩内容