如果a=1,则为10个空格,否则为null,以上用react、es6语法的三元表达式怎样写?
时间: 2023-06-24 17:06:11 浏览: 67
以下是使用React和ES6语法的三元表达式的代码:
```
{a === 1 ? <span>{' '.repeat(10)}</span> : null}
```
这里使用`{' '.repeat(10)}`来生成10个空格。如果a等于1,则渲染一个包含10个空格的`<span>`元素,否则渲染`null`。
相关问题
请使用react、es6语法写三元判断式:当变量a里有值时,换行;当变量a里没有值,但有多个 时,输出null。
下面是使用 React 和 ES6 语法写的三元判断式:
```
{a ? <br/> : (a !== undefined && a.trim() !== '' ? null : 'null')}
```
解释一下:
- 如果变量 `a` 有值,则输出 `<br/>` 换行符;
- 否则,如果变量 `a` 不是 undefined,并且去掉空格后长度不为 0(即有多个空格),则输出 `null`;
- 否则输出字符串 `'null'`。
使用react、es6语法按以下条件写三元表达式:如果变量a、变量b、变量c、变量d、变量e、变量f、变量g里的值较多为“正官”(较多的意思是指有其中三个或以上的变量里的值均为“正官”),则打印字符串“结果”二字
可以使用如下的三元表达式实现:
```
a === '正官' + b === '正官' + c === '正官' + d === '正官' + e === '正官' + f === '正官' + g === '正官' ? '结果' : null
```
这个表达式中,我们首先对每个变量进行比较,如果变量的值为“正官”,则将其转化为 true,否则为 false。然后使用加号将这些布尔值相加,如果较多的变量的值为“正官”,则相加的结果将大于等于 3,此时三元表达式的结果为字符串“结果”,否则为 null。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)