React总结9:JSX的自动转义编码
来源:互联网 发布:软件用英文怎么说 编辑:程序博客网 时间:2024/06/07 02:48
JSX字符串处理的时候,React会自动将字符串进行转义处理,所以下面两个语句是等价的。
<MyComponent message="<3" /><MyComponent message={'<3'} />
我们可以在组件之间增加字符串字面量,当然这个字面量可以是HTML语句,但是需要注意一点的是,这里的字符串字面量是没有被编码的。即当我们通过大括号进行表达式插入时,默认是进行编码的,而你自己增加的内容是不会被编码的,所以在这里我们可以像在HTML中用标签一样在这里用,比如空格的话我们就需要用&才能真的隔离开字符串
<div>This is valid HTML & JSX at the same time.</div>
这样的原因是,JSX会自动删除空格符,换行符,等等。
<div>Hello World</div><div> Hello World</div><div> Hello World</div><div> Hello World</div>
上述的四种情况的最终视图呈现结果是一样
阅读全文
0 0
- React总结9:JSX的自动转义编码
- React/JSX 编码规范
- [React]JSX的用法
- React/JSX及React Native 编码规范
- React学习总结一 JSX
- React JSX
- React JSX
- 浅谈React的JSX语法(一)
- 浅谈React的JSX语法(二)
- React学习——JSX的使用
- 02React的JSX 与Style
- react ,jsx ,react native 一些相关的学习网站材料
- React——JSX
- React-JSX详解
- React-JSX详解
- React之JSX入门
- React(2)--JSX
- React之JSX语法
- 机器人动力学简述 Robot Dynamics
- MFC基础学习之底层实现窗口
- matlab常用函数之format函数
- R语言文本分析问题
- C++ & Java——NOIP2016提高组day 1 t1——玩具谜题
- React总结9:JSX的自动转义编码
- 高共模电压输入下交流电流信号采集方案以及问题解析
- Apple Configurator用法(MDM黑白名单实现)
- Vuejs中关于computed、methods、watch的区别
- 在Win10系统上使用VMware的Ubuntu虚拟机时,虚拟机和宿主机之间的共享文件夹设置
- 短路与&&和&的区别
- Java 依赖注入标准(JSR-330)简介
- 基于单例模式的日志输出(C++)
- iOS 设置中清除缓存功能