react--模板字符串的应用

1.变量名作为属性值：

使用中括号

var selected_item = {[type[0]]:true,[type[1]]:false,};

2.属性值嵌套模板字符串

 var selected_item = {[`type[${key}]`]:true[type[1]]:false,};

打印结果:

3.模板字符串嵌套三元运算符

  let rge = `历年${props.range[0]}月${props.range[0] !== props.range[1] ? `-${props.range[1]}月` : ''}`

4.关于模板字符串的更多：
模板字符串

react--模板字符串的应用相关推荐

ES6中的模板字符串---反引号``
在react中,反引号``有特殊的含义. 如MDN中所述,模板字符串(Template literals)允许嵌入表达式,并且支持多行字符串和字符串插补特性.基本语法为以下几种: 其中第一行为最基本用 ...
ES6——let-const的变量声明以及模板字符串
目录一.let和const 1.let a.阻止变量提升 b.块级作用域 c.不能重复声明 2.const 二.模板字符串 ES5语言有很多地方存在不合理以及不足,比如变量的提升.内置对象的方法不灵 ...
WijmoJS 支持模板字符串常量
WijmoJS 支持模板字符串常量在V2019.0 Update2 的全新版本中,WijmoJS 支持了模板字符串常量. 模板字符串是ES2015 / ES6中引入的一个非常棒的JavaScript ...
js 模板字符串转html,JS一行代码实现一个简单的模板字符串替换
同许多初学 Javascript 的菜鸟一样,起初,我也是采用拼接字符串的形式,将 JSON 数据嵌入 HTML 中.开始时代码量较少,暂时还可以接受.但当页面结构复杂起来后,其弱点开始变得无法忍受起 ...
一行代码实现一个简单的模板字符串替换
作者:微醺岁月 https://segmentfault.com/a/1190000013516128 起始同许多初学 Javascript 的菜鸟一样,起初,我也是采用拼接字符串的形式,将 JSO ...
`` 反引号在前端的作用：模板字符串
在利用 React.js 开发网页的时候有没有用过一个很好用的组件叫 styled-components,styled-components 是一个用来产生元素样式的组件,让你可以在 JSX 中编写 ...
js 模板字符串嵌套
原文链接: js 模板字符串嵌套上一篇: react input 双向绑定下一篇: es6 标签模板字符串使用模板字符串渲染一个列表 <!DOCTYPE html> <htm ...
html 模板字符串,ES6：模板字符串
标签: 模板字符串 JavaScript ES6 前端 web 本博客版权归本人和饥人谷所有,转载需说明来源内容转载自阮一峰老师的ES6入门 1.基本用法传统的JavaScript语言,输出模板通 ...
字符串和模板字符串
模板字符串是``包裹起来的东西,是es6的语法, 这个我目前是很少用的,之前在react里面用了一次,但也不知道到底是为什么.这里解一下惑.其实用这个呢主要是因为html不区分大小写,我们在写组件的时 ...
重学ES6 模板字符串
在两三年前,jQuery还是比较主流的开发技术,当我们要为页面添加DOM时,一般,我们是这样写的 $("#container").append('Today is <b> ...

react--模板字符串的应用

1.变量名作为属性值：

2.属性值嵌套模板字符串

react--模板字符串的应用相关推荐

最新文章

热门文章