首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React中的三元运算符中的HTML元素?

React中的三元运算符中的HTML元素?
EN

Stack Overflow用户
提问于 2021-09-15 09:30:14
回答 1查看 52关注 0票数 0

我在HTML元素中嵌套了,但我对三元运算符JSX语法感到困惑。

代码语言:javascript
运行
复制
<span>
              {triggerScheduleValue.n_intervals === 1
                ? (
                   `Do you want to reset the current schedule to be every ${
                    triggerScheduleValue.n_intervals
                  } ${triggerScheduleValue.interval.slice(
                    0,
                    triggerScheduleValue.interval.length - 1,
                  )} from `<b>{currentTime}</b>
                ) : (
                  `Do you want to reset the current schedule to be every ${triggerScheduleValue.n_intervals} ${triggerScheduleValue.interval} from `<b>{currentTime}</b>
                )
            </span>

我如何在条件中呈现它呢?

我不想重复所有那些跨度的东西。

EN

回答 1

Stack Overflow用户

发布于 2021-09-15 09:35:19

代码语言:javascript
运行
复制
                (
                   `Do you want to reset the current schedule to be every ${
                    triggerScheduleValue.n_intervals
                  } ${triggerScheduleValue.interval.slice(
                    0,
                    triggerScheduleValue.interval.length - 1,
                  )} from `<b>{currentTime}</b>
                )

翻译为

代码语言:javascript
运行
复制
"Do you want to reset the current schedule to be every 1 2 from"<b>1000</b>

您必须将其封装在片段中:

代码语言:javascript
运行
复制
                (
                   <>`Do you want to reset the current schedule to be every ${
                    triggerScheduleValue.n_intervals
                  } ${triggerScheduleValue.interval.slice(
                    0,
                    triggerScheduleValue.interval.length - 1,
                  )} from `<b>{currentTime}</b></>
                )

同样适用于

代码语言:javascript
运行
复制
`Do you want to reset the current schedule to be every ${triggerScheduleValue.n_intervals} ${triggerScheduleValue.interval} from `<b>{currentTime}</b>

代码语言:javascript
运行
复制
<>`Do you want to reset the current schedule to be every ${triggerScheduleValue.n_intervals} ${triggerScheduleValue.interval} from `<b>{currentTime}</b></>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69190466

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档