화살표 기능 및 괄호(), {} 또는 {} 사용

화살표 기능 및 괄호(), {} 또는 {} 사용

화살표 함수에서는 왜 화살표 함수의 리터럴을 랩할 필요가 없는지 이해할 수 없습니다.({})이 예에서는 싱글로 감싸진 리터럴 대신 괄호(britar)를 사용합니다.()교정기. 왜요?나는 그것에 대한 답을 찾기 위해 인터넷을 검색했지만 실패했다.

그리고 왜 우리가 그 주장을 이중괄호로 묶어야 하는지({})뿐만 아니라()?

const FilterLink = ({ filter, children }) => (
   <NavLink
       to={filter === 'SHOW_ALL' ? '/' : `/${ filter }`}
       activeStyle={ {
       textDecoration: 'none',
           color: 'black'
       }}
   >
       {children}
   </NavLink>
)

사용.({})논의에 대한 것입니다.=> ()에 해당하는 암묵적인 리턴입니다.=> { return ()}그리고.(는 객체의 시작 부분과 함수 본체의 여는 괄호 사이를 명확히 하는 역할만 하며, 일반적으로 여러 줄의 반환 값이 있을 때 사용됩니다.이 기능을 사용하는 것을 피할 수 있습니다.(또,NavLink화살과 같은 줄에=>

const FilterLink = ({ filter, children }) => ( // <-- implicit return 
  <NavLink
    to={filter === 'SHOW_ALL' ? '/' : `/${ filter }`}
    activeStyle={ {
      textDecoration: 'none',
      color: 'black'
    }}
  >
    {children}
  </NavLink>
)

와 동등하다

const FilterLink = ({ filter, children }) => {
   return (
      <NavLink
        to={filter === 'SHOW_ALL' ? '/' : `/${ filter }`}
        activeStyle={ {
          textDecoration: 'none',
          color: 'black'
        }}
      >
        {children}
      </NavLink>
    )
}

에서의 파괴 사용 방법에 대한 자세한 내용은 이 답변을 참조하십시오.

const add = ( a, b ) => ( a + b )

와 동등합니다.

const add = ( a, b ) => { return a+b; }

를 사용하는 경우()다음에=>자동으로 값이 반환됩니다.

Edit: 또한 다음과 같이 할 수 있습니다.()톰 페네쉬 덕분에

언급URL : https://stackoverflow.com/questions/49425755/arrow-functions-and-the-use-of-parentheses-or-or