JSX에서 간단한 조건을 작성하는 가장 좋은 방법은 무엇입니까? 내 jsx에서

Question

는

<div>{person.age}</div> 

내가 var에 let olderPerson = person.age > 50;을 넣어 다음이

{ 
    olderPerson ? (
     <div className="red-text">{person.age }</div> 
    ) : (<div >{person.age }</div>) 
} 

을했던이 작업을 수행 할 사람이 50 세 경우에만 아래 또는

<div className="red-text">{person.age}</div> 

위에 표시 할

LMK이 올바른 방법은

Answer 1

yea correct .

 { 
     olderPerson ? 
      <div className="red-text">{person.age }</div> : 
      <div >{person.age }</div> 
     } 

이 경우 클래스 이름을 조건부로 만들 수도 있습니다. 예를 들어

 { 
     <div className={olderPerson && "red-text"}> 
      {person.age } 
     </div> 
     } 

Answer 2

: Example 구성 요소에 소품을 통해 전달

https://jsfiddle.net/enf2q4eg/

나이.