React if문

ES6 의 const 와 let

 

var 방식

function myFunction(){
	var a = "hello";
    if(true){
    	var a = "bye";
        console.log(a);  // bye
       }
   console.log(a); //bye
 }
 
 

 

let 방식

function myFunction(){
	let a = 1;
    if(true){
    	let a = 2;
        console.log(a); // 2
    }
    console.log(a); //1
 }

 

const 는 재설정 불가.

 

 

---

If 문 대신 조건부 연산자.

 

import React , {Component} from 'react';


class App extends Component{
  render(){
    const text ='자바스크립트 테스트입니다.'
    const condition = true;


    return(
      <div>
        <h1>리액트 테스트</h1>
        <h2>{text}</h2> 
        {
          condition ? '참':'거짓'
        }
        <h5>참일때만 출력</h5>
        {
          condition ? '보여주세요':null
        }
        <h5>&& 연산자</h5>
        {
          condition  && '보여주세요'
        }
      </div>
    )
  }
}

export default App;

 

 

 

보이는 화면