ReactJS中三元运算符的几个问题
：
- 什么是ReactJS中的三元运算符？ 在ReactJS中，三元运算符是一种条件表达式，用于根据条件的真假来决定返回不同的值或执行不同的操作。
- 三元运算符的语法是什么样的？ 三元运算符的语法是：condition ? expression1 : expression2。如果条件(condition)为真，则返回expression1的值，否则返回expression2的值。
- 三元运算符在ReactJS中的应用场景有哪些？ 三元运算符在ReactJS中常用于根据条件来决定渲染不同的内容或执行不同的操作。例如，可以根据用户是否登录来显示不同的导航栏、根据数据是否加载完成来显示加载动画等。
- ReactJS中是否可以嵌套使用多个三元运算符？ 是的，ReactJS中可以嵌套使用多个三元运算符。然而，过多的嵌套可能会导致代码可读性下降，建议在需要嵌套使用时考虑使用其他方式，如使用条件语句或提取为函数组件。
- 有没有其他替代三元运算符的方式？ 除了三元运算符，ReactJS还提供了其他方式来处理条件渲染，如使用if语句、switch语句或使用逻辑与(&&)和逻辑或(||)运算符来实现条件判断。
- 腾讯云是否提供与ReactJS相关的产品？ 腾讯云提供了云开发(CloudBase)服务，其中包括了支持ReactJS的云函数、云数据库、云存储等产品。您可以通过腾讯云云开发官网了解更多相关信息：腾讯云云开发
请注意，以上答案仅供参考，具体的技术选型和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我有一个关于Java中三值运算符的问题。我收到一个错误：
> Compilation error Main.java:14: error: unexpected type
> (i%2==0) ? sum += i/2 : sum += i/2+1;
> ^ required: variable found: value 1 error
我不明白为什么？谢谢!
import java.util.*;
public class Main {
public static void main(String[] args) {
浏览 0提问于2019-05-17得票数 0
回答已采纳
2回答
因此，C中三元运算符的运算符优先级对我来说真的很奇怪。举个例子：
#include <stdio.h>
int main ()
{
int i=5;
int j=6;
int k=7;
printf("A: %d\n", i+j+(k!=7)?1:11); //prints 1
printf("B: %d\n", i+j+((k!=7)?1:11)); //prints 22
return 0;
}
这似乎与这里的问题类似：
作为澄清，我理解括号使其工作，正如我在我的原始帖子中的评论所指出的那样……
我只是想
浏览 2提问于2012-03-19得票数 1
回答已采纳
属性student.gender从Api返回0或1，我想自定义它将是带有1的<i class="fas fa-male"></i>或带有0的<i class="fas fa-female"></i>。我该怎么做呢？下面是我的代码： {students.map((student, idx) => {
return (
<tr key={student.id}>
<td>{idx + 1}</td>
<td>{student.s
浏览 23提问于2021-01-04得票数 0
如何控制clang格式中三进制运算符的缩进？我想要有普通的连续不变，例如：
int foobar = bar ? a
: b;
相反，我得到了运算符的对齐
int foobar = bar ? a
: b;
我已经有了AlignOperands:错误有什么想法吗？
(完整选项：-style='{BasedOnStyle: LLVM，TabWidth: 4，IndentWidth: 4，ContinuationIndentWidth: 8，UseTab: Always，AlignAfterOpenBracket: false，BreakB
浏览 3提问于2016-08-23得票数 18
1回答
我刚刚开始使用ReactJS，目前正在将ReactJS实现到我当前的项目中。我现在正在尝试做的事情如下：
我有一个包含多个文件名的XML-file (它们是在另一个点上动态添加的，这与这个问题无关。无论如何，我的观点是，您无法预测该文件中将包含什么/有多少元素)。我使用XMLHttpRequest和JavaScript，以便将数据保存到列表中。按钮上的OnClick，我想要显示/隐藏所述列表。我正在使用ReactJS创建按钮。
创建按钮：
const styles = theme => ({
button: {
margin: theme.spacing.unit,
},
浏览 0提问于2017-12-13得票数 1
我试图在一个基于类的组件中的if..else方法中编写一个javascript render语句，但出现了一个我无法诊断的错误。
import React, { Component } from 'react';
import Slider from 'react-input-slider';
class RangSlider extends Component {
state = {
x: 0.3,
};
render() {
return (
<React.Fragmen
浏览 0提问于2020-07-30得票数 0
我读到了不同语言中的三元操作符，并在Javascript部分注意到了一些有趣的东西。
JavaScript中的条件运算符具有与其他BCPL派生的变体相同的语法和优先级结构，但在语义上存在显著差异:它返回一个。
第一句说，javascript中三元的返回是一个lvalue，所以我尝试了一些例子，结果很奇怪(在chrome控制台中)。
给予：
var a = { 'yo' : 'momma' }
var b = { 'yo' : 'cool' }
var bool = true
(bool? a : b).yo =
浏览 2提问于2013-09-07得票数 10
回答已采纳
2回答
获取复选框值并存储在IList中
、、、、
我需要一些帮助，因为我还是个编程新手。我有一个有五列的网格视图，其中三列由复选框组成。然后，我需要获取这些复选框的值(如果它们被选中)，并将其放入IList。我的问题是如何在将它添加到我的IList时实现它。请帮帮忙。请参阅下面的代码。我知道有些不对劲。
public IList<Title> Checkboxes
{
get
{
CheckBox chkEPS;
CheckBox chkIMDF;
CheckBox chkPS;
IList<Title> checkedList = new L
浏览 1提问于2013-09-06得票数 0
1回答
我正在开发一个React应用程序，并且我正在使用Redux来存储状态。我有以下代码： request.component.jsx： import React, { Component } from 'react';
import { connect } from 'react-redux';
import Loading from '../loading/loading.component';
import { changeRequestStatus } from '../../redux/requests/requests.acti
浏览 22提问于2020-04-18得票数 0
6回答
增量运算符
、、
我在一次考试中三次错过了这个问题。我似乎就是搞不懂如何解决这个问题。任何帮助都是非常感谢的。
public class Test {
public static void main(String[] args) {
int j = 0;
int i = ++j + j * 5;
System.out.println("What is i? " + i);
}
}
浏览 0提问于2015-08-30得票数 0
1回答
我是 ReactJS的新手-Redux，我已经创建了一个ReactJS项目，我正在尝试将我的项目转换为ReactJS。我不明白这怎么可能。
如果有人知道，请给我建议。
这是我的项目代码
import React, { Component } from 'react';
import './accordion.css';
class Accordion extends Component {
state = { active: '', height: '0px' };
content = React.
浏览 3提问于2020-09-29得票数 0
我想在我的map()函数中使用fields，但是我得到了这个TypeError: Cannot read property 'fields' of undefined，我不明白为什么。因为当我使用console.log(this.props.schema.fields)时，我会在控制台中打印出数据。
问题
为什么会发生这种情况？是不是因为在return()内部有另一个作用域？或者什么..？
export default class ObjectDisplay extends Component {
render() {
console.log(this.props.
浏览 1提问于2017-07-10得票数 1
3回答
我有以下内容：
<div className="safety-bar"></div>
我还想申请两门课：
.active if user.safety_score > 0
.zero if user.safety_score == 0
我唯一能想到的办法是：
{ user.safety_score > 0 ? "safety-bar active" : "safety-bar zero" }
但是，如果这两个If语句都不是if other，我想知道是否还有其他的速记不涉及创建我可以使用的整个函数
浏览 2提问于2018-07-26得票数 1
我试图呈现基于不同标签的JSON键，但它一直抛出语法错误...不过，只需添加两个条件中的一个就可以了！我怎么才能做得对呢？ <ul className="features">
{
property.details.features.map((idx, feature) =>
feature.hasOwnProperty(area) ?
<li>
<span className="icon-frame"/>
<div className="english">{feature[area]}m2
浏览 10提问于2020-01-25得票数 0
回答已采纳
我试图检查一个道具是否是空的，并添加一个条件到一个反应组件。
以下是代码：
class Mycomp extends Component {
render() {
return (
<div className="Mycomp">
{this.props.title}
if (this.props.title != '') {
console.log('Title is not empty&
浏览 0提问于2018-03-09得票数 3
回答已采纳
1回答
我一直在使用CoreUI来学习更深入的反应。在一个名为"containers“的文件夹中，有一段代码似乎迭代了包含所有路由的文件。
<main className="main">
<AppBreadcrumb appRoutes={routes}/>
<Container fluid>
<Switch>
{routes.map((route, idx) => {
return r
浏览 0提问于2018-09-04得票数 0
回答已采纳
按照引导程序文档的建议，我试图通过将disabled添加到选择字段来禁用选择字段。我使用的是reactjs，所以我想使用props。由于某些原因，当我使用prop创建if/else语句时，它会出错。
<select
{props.disabled ? 'disabled' : ''}
className="form-select form-control"
>
disabled: PropTypes.string
浏览 7提问于2017-06-25得票数 0
回答已采纳
2回答
如何在ReactJS的CardHeader标题中添加一个三元运算符？我只能把一个写在名字上，而不能写在姓上。 <CardHeader title={(firstName ? firstName : "")(lastName ? lastName : "")} />;
浏览 4提问于2020-06-18得票数 0
回答已采纳
3回答
我正在学习ReactJs，并提出了动态呈现类
render() {
let classes = "badge m-2 badge-";
classes += this.state.count === 0 ? "warning" : "primary";
return (
<div>
<span className={classes}>{this.formatCount()}</span>
<button className="btn btn-
浏览 5提问于2020-09-28得票数 0
回答已采纳
1回答
如果数据中的radius不是VCP Core或VCP Lab，则尝试将SVG文件中的Site_Catagories of my circle (r)设置为值3。如果语句是真的，那么我希望值为5。我想使用IF/ELSE语句来完成这一任务，但始终会出现错误。我做错了什么？
<g id="dots">
{data.sites.map((item, i) => {
return (
<circle
key={i + i + '--'}
浏览 3提问于2017-03-28得票数 1
回答已采纳
我正在创建一个元素的网格，并且需要基于所呈现的元素的索引添加一个row元素。所以我有这样的东西：
const checkIndex = (index) => {
...
//return either true or false
}
return (
data ? data.map((item, index) => (
<div className="wrapper">
<div className="row">
<div className="col"&g
浏览 15提问于2019-08-14得票数 1
回答已采纳
我有五个数据库，其中三个数据库具有列Countries，两个数据库具有列Countryrelease。 我使用的是游标，所以如果我使用exists，该特定的列将抛出一个错误，该列不存在，如何处理这个错误。 语法 if exists(select 1 from table where column name='Countries')
select do some operation
else
select do some operation
浏览 19提问于2019-01-27得票数 0
1回答
我的应用程序中有一个表，我在其中使用循环呈现行。现在，我遇到了在特定行中插入数据的问题。 我在应用程序中的想法是，我有一个呈现表格31行的循环，每次用户单击特定行时，都会显示一个模式，让用户输入一些数据，我希望数据返回到用户单击的特定行，并将其插入到特定行的<td>标记上。 以下是我到目前为止所做的工作： 下面是我想放入一些数据的行组件： const Date_columns = (props) => {
const [hovered, setHovered] = useState(false);
const toggleHov
浏览 25提问于2021-10-14得票数 2
1回答
我第一次使用React.js，无法找到在标签上显示或隐藏新输入字段的方法。我有点乱七八糟，但最后我被卡住并删除了editItem代码，到目前为止，这是我的代码，我不知道如何继续/创建editItem函数。有什么建议吗？
import React, {Component} from "react";
import {v4 as uuidv4} from 'uuid';
import "./App.css";
class App extends Component {
state = {
todos: [],
};
浏览 0提问于2020-06-09得票数 1
回答已采纳
3回答
我遵循了本教程提供的，并在行：
boolean t1 = false?false:true?false:true?false:true;
t1的最终值为false。但我认为这是真的。先是假的给真，那真的说假的，最后又说真的，对吗？不，我错了。请告诉我在java中三元表达式是如何计算的？
浏览 3提问于2017-06-18得票数 4
回答已采纳
这里有一个简单的问题：
<Row>
{ "Client : " && elt.client?.libelle}
</Row>
如果定义了elt.client，我希望这样做，显示：
客户端: Client libelle
浏览 5提问于2022-05-31得票数 0
5回答
reactjs中的条件内渲染方法
、、、、
我是新来的反应。
我面临语法错误，你们能告诉我如何修复它吗？
提供下面的代码。如果条件的话，我有没有遗漏任何括号？
./src/view/view.jsxModule构建失败: SyntaxError: C:/ === //src/视图/view.jsx:意外令牌( 129 :41) 127-128>129个如果(this.props.playerInfo.fundingDetailId=== null) _{ 131 x 132收
import React, {Component} from 'react';
import {connect}
浏览 6提问于2017-02-21得票数 0
回答已采纳
2回答
我是新来的React JS。我有两个对象taskData和taskDatafilter。我想根据条件渲染其中的两个。切换开关如果开关处于启用状态，则仅渲染taskDatafilter，但如果处于禁用状态，则渲染taskData。到目前为止我的代码是 import React, { Component } from "react";
import Button from "reactstrap/lib/Button";
import TodoItem from "../TodoItem/TodoItem";
import Switch f
浏览 20提问于2021-07-30得票数 0
回答已采纳
我正在尝试使用带有布尔属性的三元运算符
app.js如下：
import React from 'react';
import HouseFull from './HouseFull';
function App() {
return (
<div>
<h1> Hello2 </h1>
<HouseFull hasOpening="{false}" />
</div>
);
}
react组件如下所示
import React,
浏览 0提问于2020-10-22得票数 0
1回答
用一元运算符对后缀问题进行修正
、、、、
我使用下面的逻辑实现从infix到postfix的转换，并在稍后对其进行评估。
在infix转换上的循环，并在每次迭代中执行以下操作：
- If space, ignore it.
- If operator, then keeps popping from the stack and add to the postfix output until the stack is empty or the top of the stack has a lower priority than the current operator. Then, push the current operator.
浏览 2提问于2020-05-20得票数 1
回答已采纳
所以我明白了typeof是一个运算符还是一个函数。但当我这么做的时候
console.log(typeof(typeof));
我收到此消息，未捕获SyntaxError:意外的标记')‘
那么我到底做错了什么呢？如何获取typeof的数据类型？
浏览 3提问于2020-09-16得票数 2
我在使用正则表达式时遇到了一些问题。我有以下一个：(A|C|G|T){3}，它给出了A，B，C，D中三个字母的每个排列，但现在我想排除三个特定的模式："TAG"，"TAA"和"TGA"。尝试使用[^]，但未产生预期结果。使用也是如此(向前看和向后看)。
我试图实现的是找到所有以"ATG“开头，以"TAG”、"TAA“或"TGA”结尾的子字符串，中间应该有A、C、G或T的三元组。
谢谢你的帮助！
以下是我到目前为止所做的工作：
(ATG)((((A|C|G|T)){3})[^TAG][^TAA][^TGA])*(TA
浏览 3提问于2012-11-29得票数 1
回答已采纳
我对React很陌生。我正在尝试找到一种方法来编写一些东西，即“操作加载..”而州政府实施了。 问题是添加了状态，然后对程序执行了更改。我想要的是在添加状态的同时，做一些像<p>actions loading ..</p>这样的事情 下面是我的代码： {states.length > 0 && (
<div>
Actions loading ..
</div>
)} 这里的程序是，添加了州，然后添加了段落。 请查看添加到我的应用程序中的州的屏幕截图。 ?
浏览 27提问于2020-09-24得票数 0
3回答
对于algo的I/p将是这样的表达式：
a+(-b)
a*-b+c
即标准C编译器所支持的任何表达式。
现在我已经将输入格式化为令牌流，令牌包含信息，无论是操作符还是操作数。算法应该考虑到这一点，并给我一个后缀表达式，我可以评估。
如果我使用标准的转换algo，我不能区分一元和二进制op。就像*(-b)会给我ab-*，这会用错误的方法来评估。
浏览 3提问于2013-06-22得票数 8
回答已采纳
4回答
我试图对一个复数的操作符过载，我已经实现了一个类，它包含实的和虚的部分。我试图重载%操作符，它返回一个模值(实数和虚长)，但是我得到了一个错误“必须采用一个参数”，我做错了什么？
这是我的头文件
complex.h
class complex{
private:
double rm;
double im;
public:
void operator % ();
complex.cpp
void operator %(){
complex c;
c.re = pow(re,2);
浏览 0提问于2018-10-01得票数 0
回答已采纳
3回答
在处理babel时得到一个ESLint错误：
第28行:期望一个赋值或函数调用，而不是看到一个表达式没有未使用的表达式。
第29行:期望一个赋值或函数调用，但却看到了一个未使用的表达式。
知道如何在让我的计时器按预期工作的同时摆脱这些东西吗？还是你有更好的方法让我做计时器？
class RequestTimer extends Component {
constructor(props) {
super(props);
this.state = {
seconds: 0,
minutes:
浏览 3提问于2018-09-11得票数 5
回答已采纳
我只想在其中一个变量为true的情况下呈现Html的某一部分。我见过一些例子，我可以返回整个元素，但我只想在html的一部分上使用if条件。我只想显示10行，如果其中一个变量为真，但html有500行是很常见的。我可以在return函数中这样做吗？ const getCustomers= (props) => {
useEffect(() =>{ do something...});
return (
<>
if(test === true){
<div> 10 lines</div>
else
{
do not show this div
浏览 42提问于2020-08-15得票数 2
回答已采纳
我是discord.js的新手。
我试图在discord.js中创建一个用户信息命令，但我一直收到一个错误。
代码如下：
module.exports = {
name: "userinfo",
description: "Userinfo of mentioned user/id or if no one mentioned then yours",
execute(client, msg, args, guild) {
const embed = new MessageEmbed()
const moment =
浏览 0提问于2021-11-18得票数 0
I具有以下代码的组件:它为非布尔属性className提供了一个错误:接收到的false。
export default function TodoItem({ todo }) {
const dispatch = useDispatch()
return (
<li className={todo.completed && "complete"}>
<div className="view">
<input className="toggle"
浏览 3提问于2021-09-04得票数 0
是这样的吗：
*(1 + &foo)
和这个一样吗？
*(&foo + 1)
'+‘和'&’具有相同的优先级，它们的计算顺序是从右到左。但是，您不能这样解释第二种情况：
*(&(foo + 1))
...because你只能对l值使用'&‘(如果你这样写它，它甚至不会被编译)。那么它会是垃圾吗？或者它会安全地理解你的意思吗？
浏览 8提问于2011-01-27得票数 3
回答已采纳
以下结构的正确术语/名称是什么：
string myString = (boolValue==true ? "true": "false");
浏览 0提问于2012-01-18得票数 6
回答已采纳
当弹出窗口打开时，我想切换几行代码。我已经设置了常量和按钮onClick，但我不确定是否可以编写像if语句这样的语句来做这样的事情。 我试图将代码封装在一行if语句中，但它与其他内联代码( lastDroppedItem()部分)冲突。 我想切换它的原因是因为下面的代码与在Button.jsx中的代码中调用的弹出模式重叠，该弹出模式位于返回语句中的弹出模式之上。 const Frame = ({ accept, lastDroppedItem, onDrop }) => {
const [frame] = useState(pictureFrame);
const [{ is
浏览 21提问于2020-04-15得票数 0
回答已采纳
1回答
我想知道在ReactJS中根据url更新组件内容的最佳实践是什么。假设我有一个导航栏，里面有一些按钮。我想要显示的一些按钮取决于网址。
例如，当url是/home时，我希望我的导航栏是：
<nav>
<button>Button 1</button>
<button>Button 2</button>
<button>Button 3</button>
</nav>
当它是/about的时候，我想
<nav>
<button>Butto
浏览 12提问于2020-05-30得票数 0
只有当输入的值不同于文本框中的前一个值时，我才需要进行API调用。我试图在下面的方法中使用三元运算符，这会抛出编译错误。谁能帮帮我。
我已将状态中的serialNumber设置为"serialNumber“："”
updatePartSerialNumberDummy(){
this.setState(
{
serialNumber: this.input.value
}, () => {this.props.getPartSerialNumberDetails(this.pr
浏览 11提问于2019-08-06得票数 0
1回答
我在斯威夫特的操场上练习，我不明白为什么斯威夫特对于程序员应该在哪里提供空间以及在哪里提供空间过于具体。我在很多网站和聊天室问过这个问题，但没有得到任何答案。
var j: Int = 34 // Right
var j:Int=23 //Wrong
还有，在课堂上
self.variable-= 5 //Wrong. Error: Consecutive statements must be followed by ;
self.variable-=5 // Right
self.variable -= 5 // Right
；
甚至这个":“有时也会给空格带来一些问题。
我认为空格
浏览 2提问于2015-07-08得票数 10
回答已采纳
3回答
在C中，类型转换变量/值被认为是一元操作吗？
此外，类型转换整数值(可能在对其应用掩码之前)也是一元操作吗？比方说我有
((uint64_t)1 << 30 & 0xFFFF0000FFFF0000LL)
1是否用零(最多64位)填充，然后移位？
浏览 2提问于2014-03-07得票数 3
我正在为我正在创建的具有时间线的ReactJS组件循环一组JSON数据。
JSON看起来如下所示：
"chart": [{
"label": "Registered",
"date": "2017-07-03"
}, {
"label": "1",
"date": "2017-07-04"
}, {
"label": "2",
"date": "2
浏览 4提问于2017-10-04得票数 2
回答已采纳
2回答
我刚从斯威夫特开始，来自目标-C。我有一句台词：
self.collectionView?.insertItems(at: [IndexPath.init(row: (self.flights.count -1), section: 0)])
我在“计数”之后出现了一个错误：Expected ',' separator。
为什么我不能做一个简单的和，伯爵-1？我还没学到斯威夫特的一点怪癖，或者现在太早了.
浏览 5提问于2016-12-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
