728x90

자바스크립트 2

[React.js] Expected an assignment or function call and instead saw an expression 오류 해결법

할당 또는 함수 호출이 예상되나 대신 식이 표시되었다는 의미의 오류이다. MDN JavaScript 화살표함수에 따르면 화살표 함수의 몸체에서 괄호로 감싸지지 않았거나 소괄호()로 감싸진 부분은 return문이 없어도 return 값을 반환한다. 반면, 중괄호{}로 감싸진 부분은 return문이 없으면 return 값을 반환하지 않는다. 따라서 다음의 경우 아래와 같이 수정할 수 있다. arr.map((item, index) => {{item}}) 1. 중괄호를 제거한다. (가장 간단함) arr.map((item, index) => {item}) 2. 중괄호 대신 소괄호를 사용한다. arr.map((item, index) => ({item})) 3. return문을 추가한다. arr.map((item, ..

프로그래밍 2020.05.29

[React.js] 'React' must be in scope when using JSX error 오류 해결법

React를 임포트해주면 된다. import React from 'react'; JSX는 자바스크립트 문법의 확장으로 ECMA 표준이 아니다. 따라서 바벨과 같은 툴로 JSX를 자바스크립트로 변환해야 한다. 바벨이 JSX가 사용되었음을 알고 이를 변환하도록 하기 위해서는 React를 임포트해주어야 한다. 참고: [스택오버플로우] 'React' must be in scope when using JSX in routes.js file https://stackoverflow.com/questions/56562685/react-must-be-in-scope-when-using-jsx-error-in-routes-js-file

프로그래밍 2020.05.29
728x90