ES6 괄호없는 화살표 기능

Question

다음 ES6 구문을 이해하는 데 어려움이 있습니다. 나는 워드 프로세서에게 꽤 읽고 더 이상의 변화는 여기에서 일어나고있다처럼 보인다 :

const renderInput = function renderInput(props) { 
    return <div> 
      <label>{props.placeholder}</label> 
     </div> 
} 

:

const renderInput = props => 
    <div> 
    <label>{props.placeholder}</label> 
    </div> 

위는 동등겠습니까?

Answer 1

네, 맞습니다. 표현식이 인 경우 함수에서 반환하려는 표현식은 중괄호를 생략 할 수 있습니다.

이 <div><label>{props.placeholder}</label></div> 때문에, 사실, 하나의 표현 (가 React.createElement(......) 또는 그런 일에 transpiled됩니다), 당신은 renderInput에서 반환하고자하는, 즉 당신이 화살표 함수의 노 브라켓 버전을 사용하는 방법을 참 .

변수를 사용하거나 다른 계산 (조건, for 루프 등)을 수행하려는 경우 대괄호를 생략 할 수 없었을 것입니다.