* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

객체와 객체의 비구조할당의 개념이 헷갈립니다.

return 안에서 값을 지정해 줄때 { }를 해야 하는 이유는 무엇인가요? { }

그리고 return 밖에 있는걸 갖다쓸때 중괄호를 2번 치는 이유는 무엇인가요? {{ }}

작성한 코드 및 에러 메세지

const main = ' ... '

export default function App() {

  return (

      <Image style={styles.mainImage} source={{uri:main}}

/>

)