()=> 이거랑 ()=>{} 이거랑 ()=>({}) 이것들을 각각 구분하는 공식이 있나요?

선생님 안녕하세요,

강의를 듣다보면 props를 전달 받아 사용하는 과정에서 소괄호()와 중괄호()를 언제는 아예 안쓰고 언제는 전부 다쓰고 하는 경우가 있더라구요.

예를 들어

1️⃣ color : ${({theme}) => theme.text } 👉 () => 사용

2️⃣ const 변수명 = ({placeholder}) => { return } 👉 () => {} 사용

3️⃣ styled.TextInput.attrs(({theme}) => ({ placeholoderTextColor : theme.main })) 👉 () => ({}) 사용

이렇게 다양한 사용처에 다양한 방법으로 들어갔는데, 소/중괄호 하나 더해지거나 덜 넣으면 바로 에러가 나버리더라구요..

특히나 attrs 사용할 때는 => ({}) 이렇게 써야하는 이유가 가장 이해가 안갑니다

이게 이해가 안되니 혼자 연습할 때는 계속 빼먹는 경우가 많은데 혹시 사용처 별 구분법이 있을까요?