如何返回动态文本

8 浏览
0 Comments

如何返回动态文本

我使用了一个"IF"来实现动态文本,如果为空则显示某个内容,否则显示另一个内容。但是它返回的是空白。我做错了什么?


{ () =>{        
    if(this.state.sicafSource.IdStatusManutencao == null){
        return(
            
                    
                            无信息
                    
            
        );
}
else{
    return(
        
            
                API响应为true
            
                  
    );
}
}
}

0
0 Comments

问题的出现原因是想要返回一个动态文本,但不知道如何实现。解决方法是可以调用匿名函数,使得if语句得以执行。另外,使用三元运算符或布尔运算符也是更加简洁的解决方法。代替if语句的写法可以是A ? B : C或A && B || C。

0
0 Comments

在JSX中,您需要使用条件(ternary)运算符。在{}之内的所有内容都需要是一个表达式(返回一个值的东西),而if语句是一个语句。

解决方法是使用条件运算符来替代if语句。下面是一个示例代码:

{this.state.sicafSource.IdStatusManutencao == null ? (
    <div>当条件为真时返回这个</div>
) : (
    <div>当条件为假时返回这个</div>
)}

此外,箭头函数() => { ... }也不是一个表达式,不能直接在JSX中使用。

0