React Render에서 if else문 사용하기

React Render에서 if else문 사용하기

 

{
  // 바로 렌더되는 함수 형태 맨뒤에 ()가 키포인트 (바로실행함수 사용)
  (() => {
    if (data.del_yn === "N"){
      if(dataText && dataText.length > 0 && data.message_text.indexOf(dataText) > -1){
     // UI영역 렌더 시 return ( ) 안에 작성
      return (  
        <div>
           {data.message_text.substr(0, data.message_text.indexOf(dataText))}            
           <span style={{ color: '#8b5dd4' }}><b>{dataText}</b></span>               

          {data.message_text.substr(data.message_text.indexOf(dataText) + dataText.length)}

        <div>
      )
      }else{
       return (data.message_text)
      }                                                              
  }else{
     return (
       <b>삭제된 메세지 입니다.<b>
    )
  }
 })()
}​

 

끘@#$#%^&^*&#^%@#!$#!$#@$%%@#$!@#$!@$#!@#