javascript - 循环内的逻辑在 ReactJs 上不起作用

Question

循环内的条件似乎没有被调用或不起作用:

let events = eventData.map(( timelineEvent ) => {
      let directions;
      if (timelineEvent % 2 == 0) {
        directions = "direction-r";
      } else {
        directions = "direction-l"
      }
      return (
        <TimelineEvent 
          type = {timelineEvent.type}
          time = {timelineEvent.time}
          title = {timelineEvent.title}
          place = {timelineEvent.place}
          location = {timelineEvent.location}
          description = {timelineEvent.description}
          direction = {directions}>
          <div>gallery</div>
          <TimelineEditButton
            deleteClick={timelineEvent.id} 
            dataId={ timelineEvent.id}
            editClick={this.openPartial.bind(this, "editEventPartial")} />
        </TimelineEvent>
      );
    });

数据已呈现，但由于某种原因，该条件似乎没有任何影响。有什么帮助吗？谢谢

Answer 1

您正在查询 timelineEvent 上的对象属性(例如 timelineEvent.type)，但您希望也能够在目的。模运算符应与数字一起使用。这就是为什么你的条件没有得到满足。

您可以看到，在对象上调用模运算符并使用“非严格”相等运算符 == 将始终导致 false。作为示例，以下是我的控制台的输出:

编辑

如果您需要索引，请执行以下操作:

let events = eventData.map((timelineEvent, i) => {
  if(i % 2 === 0) {
    // do something
  }