if else 对于多个日期结果

Question

如何使用 if else 查看是否有多个 dates 结果？

<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>

Answer 1

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

<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>

Answer 2

使用起来很简单ternary operator。

class TodoApp extends React.Component {

    state = {
        adv_event :{
      data: 10
      }
    }


  render() {
  const {adv_event:{data}} = this.state;
    return (
      <div>
        {data >0? <div><p>More than one</p></div> : <div><p>no data</p></div>}
      </div>
    )
  }
}

这是一个快速的demo

if else 对于多个日期结果

if else for more than one date result

if-statement

reactjs

next.js