JS ternary operator - learning notes (with cases)

Detailed explanation

react Case study

Hope to have color Attribute event Use color attribute , No, color The current time period of the attribute is gray , Then green

  color:event.color?event.color:((new Date(event.start))>(new Date())?'green':'gray'),

  onPageChange = (data: OnPageChangeData) => {
    
    this.setState({
    "eventList":{
    }});
    axios.post('api/oa/work/report/findMyAll', Qs.stringify({
    
      start:moment(data.rangeFrom).format('YYYY-MM-DD HH:mm:ss'),
      end:moment(data.rangeTo).format('YYYY-MM-DD HH:mm:ss')
    }),{
    headers: {
    'Content-Type': 'application/x-www-form-urlencoded'}})
        .then((response)=>{
    
          let  data=response.data.data;
          for(let i=0;i<data.length;i++){
    
              if(data[i]["type"]=='WEEK'){
    
                  data[i]["color"]='blue'
              }
          }
          console.log(data)


          let stateEventList=this.state.eventList;
          for(let i=1;i<data.length;i++){
    
            let event=data[i];
            let eventDate=moment(event.start).format('DD-MM-YYYY HH:mm:ss').substring(0,10);
            if (stateEventList[eventDate]==undefined){
    
              let newEventList= new Array()
              stateEventList[eventDate]=newEventList
          }
          let newEvent={
    
            id:event.id,
            startAt: moment(event.start).utc().format(),
            endAt: moment(event.end).utc().format(),
            summary: event.title,
            type:event.type,
            workContent:event.workContent,
            // color:(new Date(event.start))>(new Date())?'green':'gray',
            color:event.color?event.color:((new Date(event.start))>(new Date())?'green':'gray'),
          };
          stateEventList[eventDate].push(newEvent);
        }


          this.setState({
    eventList:stateEventList})
          console.log('this.eventList',this.eventList)
            })
            .catch(function (error) {
    
                this.showErrorMessage(error);

        });
  }