728x90 반응형 prettier2 eslint 오류: Expected property shorthand eslint(object-shorthand) 발단 클래스 컴포넌트에서 board state를 같은 board로 변경해주는 커스텀 메서드를 선언하는 부분에서 eslint 에러 발생 this.state = { board: [], } getDetail = () => { this.setState({ board: board, }); } 에러 메시지 ES6 문법에서 좀 더 간단하게 표현할 수 있는 문법이 생겼다. 그걸 써라는 말임. Expected property shorthand eslint(object-shorthand) // es5 var foo = { x: x, y: y, z: z, }; // es6 var foo = { x, y, z }; // es5 var foo = { a: function() {}, b: function() {} }; // es.. 2023. 1. 31. eslint 오류: State initialization should be in a constructor eslint(react/state-in-constructor) 발단 조금 예전 리액트 강의들을 따라하다보면 함수형 컴포넌트보다는 클래스형 컴포넌트를 사용한 것들이 많고, 클래스형 컴포넌트에서 state의 초깃값 정의 부분도 constructor() 생성자 함수 없이 그냥 곧바로 정의해주는 경우가 많았다. class Header extends Component { state = { buttonDisplay: "none" }; 에러 메시지 이는 eslint 오류를 발생시키는데, 바로, class 컴포넌트의 state의 초깃값 설정 부분은 constructor() 생성자 함수 안에 들어가야한다는 것이다 State initialization should be in a constructor eslint(react/state-in-constructor) 해결 state 초깃값.. 2023. 1. 31. 이전 1 다음 728x90 반응형