조건문 처리

reactjs 에서 조건문 처리할 때는 삼항식을 사용하거나 자가실행함수 안의 if문으로 처리한다.
아래는 컴포넌트 안에 들어갈 코드들이다.

  render() {
    const name = 'reactjs';
    return (
      <div>
        {
          name === 'reactjs' ? 
          <div>Yes</div> :
          <div>no</div> 
        }
      </div>
    );
  }

삼항식이 아닌 단순히 단적인 조건에 대한 처리는 아래처럼 한다.

  render() {
    const name = 'reactjs';
    return (
    <div>
      {name === 'reactjs' && <div>yes</div>}
    </div>
    )
  }

기존에 쓰던 if 조건문을 사용하려면 아래처럼 자가실행함수를 만들어 실행한다.

render() {
    const name = 'reactjs';
    return (
    <div>
    {
      (function(){
        if(name === 'reactjs'){
          return <div>yes</div>
        }else{
          return <div>no</div>
        }
      })()
    }
    </div>
    )
  }
Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP