리액트에서 화살표 함수 사용하기

import React from 'react';

const App = () => {
    return (
        <div>
            
        </div>
    );
};

export default test;

• javascript 함수표현
• function 키워드에 비해 구문이 짧고 this, argument, super, new.targer 을 바인딩 하지 않는다.
• 익명함수

( 매개변수 ) => { statement } 
//매개변수가 없을때 
() => { statement }

• statement의 유일한 문장이 return 이면 return과 { } 를 생략 가능하다.

const { input, todos } = useSelector(({ todos }) => ({ input: todos.input, todos: todos.todos, }));

• { } 안에 반드시 리턴이 존재 해야하고 키값 형태인 object 가 들어 갈때는 ( ) 로 묶어줘야한다.

const { input, todos } = useSelector(({ todos }) => { return { input: todos.input, todos: todos.todos, }; });