美文网首页
React中的JSX

React中的JSX

作者: 露馅的番茄 | 来源:发表于2018-07-10 12:26 被阅读31次

1.return返回的数据不需要加单引号,直接写html标签就行;

2.在JSX的写法中不止能写html标签,还能自定义标签;

3.首字母需要大写;一般标签名是大写开头的就是react中的组件;

4.return返回的内容最外层必须包裹在一个大的元素中,否则会报错;可以使用React的<Fragment>占位符;

5.注释语句:{/**/};

6.在JSX中写html时,不能在给html直接写class,for这样的属性来增加样式或者用for作为属性,因为会与JSX的语法冲突,所以会使用className,htmlFor来代替它们;

7.如果不想转义html标签,可以使用dangerouslySetInnerHTML来时其不转义,缺点是容易被攻击;

相关文章

  • 一起学React--元素渲染和生命周期

    1. JSX JSX是Javascript的语法拓展,在React中通过JSX渲染元素 类似模版渲染,jsx可以通...

  • 《React极简教程》第二章 React JSX

    React JSX Why JSX?You don't have to use JSX with React. Y...

  • JSX

    参考文章: JSX 简介 重拾JSX JSX,了解一下? 在react中想将js当作变量引入到jsx中需要使用{}...

  • React基础使用部分

    init JSX JSX是Javascript的语法扩展,建议在React中配合使用JSX,可以描述UI交互,并且...

  • 学习React VirtualDom

    JSX 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX。 ...

  • React 学习笔记

    React 中的虚拟dom 获取 state 数据 获取 jsx 模板 state + jsx (数据+模板)生成...

  • JSX核心语法

    JSX简介 这个html标签和js的结合体就是JSX,JavaScript的扩展语法。在React中JSX会被创建...

  • 跟随阮一峰的全栈之路

    Demo1 - Render JSX 在 React 中模板语法的高亮叫做JSX。它允许在JSX把HTML标签直接...

  • sublime--InstallPackage时的错误There

    学习react之初,想要学习react推荐使用的jsx,在编辑器中支持jsx语法高亮,于是开始在sublime中安...

  • React.js(二)

    React JSX### React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 ...

网友评论

      本文标题:React中的JSX

      本文链接:https://www.haomeiwen.com/subject/ioffpftx.html