Reactjs 如果超过一个日期结果为“否则”

如何使用

if-else

查看是否有多个

日期

结果

<If condition={adv_event.dates > 0 }>
  <Then>
    <p>More than one</p>
  </Then>
  <Else>
    {adv_event.dates.length > 0 ? (
      <div className="col-md-4">
        {adv_event.dates &&
          <DateField props={adv_event.dates} />
        }
      </div>
    ) : ''}
  </Else>
</If>

0}>
不止一个

{adv_event.dates.length>0(
{adv_event.dates&&
}
) : ''}

尝试将代码更改为如下所示

<React.Fragment>
{adv_event.dates 
? (
    <p>More than one</p>
) 
: adv_event.dates.length && (
    <div className="col-md-4">
        {adv_event.dates && <DateField props={adv_event.dates} />}
    </div>
)}
</React.Fragment>

{adv_event.dates
? (
不止一个

) 
：adv_event.dates.length&&(
{adv_event.dates&&}
)}

尝试将代码更改为如下所示

<React.Fragment>
{adv_event.dates 
? (
    <p>More than one</p>
) 
: adv_event.dates.length && (
    <div className="col-md-4">
        {adv_event.dates && <DateField props={adv_event.dates} />}
    </div>
)}
</React.Fragment>

{adv_event.dates
? (
不止一个

) 
：adv_event.dates.length&&(
{adv_event.dates&&}
)}

它使用简单

类TodoApp扩展了React.Component{
状态={
adv_事件：{
数据：10
}
}
render（）{
const{adv_event:{data}}=this.state；
返回(
{data>0？多个
：无数据
}
)
}
}

这里有一个简单的用法

类TodoApp扩展了React.Component{
状态={
adv_事件：{
数据：10
}
}
render（）{
const{adv_event:{data}}=this.state；
返回(
{data>0？多个
：无数据
}
)
}
}

这里有一个快速的例子