리액트에서 prettier를 사용할때 줄바꿈 오류

Question

리액트 강의를 듣는중에 저런코드를 작성했을때 드레그한곳을 프리티어 사용으로인해 저장을 하게되면 저렇게 가독성안좋게 바뀌더라구요... 구글링으로 몇시간째 해결방법을 찾아보는데 해결을 못해서 이렇게 문의글을 남깁니다제가 시도해본 해결방법은 setting.json 에 들어가서 javascriptreact로 바꿔줬던 방법인데 해결이 되지않네요혹시라도 해결방법을 아시는분은 꼭 댓글 부탁드려요

DevLala · Answer

최대 길이 때문인거 같은데 아마 80으로 되어있을거 같은데 120정도로 늘려줘보세요. 세팅에서 width라고 하면 검색이 됐던가 암튼 검색해보면 나오실겁니다

파천황적호사가 · Answer

prop마다 한줄 씩 주는건 리액트 관행임. // .eslintrc.js module.exports &#61; { extends: [ 'react-app', 'prettier', 'plugin:prettier/recommended', ], plugins: ['prettier'], rules: { 'react/jsx-first-prop-new-line': [2, 'multiline'], 'react/jsx-max-props-per-line': [ 2, { maximum: 1, when: 'multiline' }, ], 'react/jsx-indent-props': [2, 2], 'react/jsx-closing-bracket-location': [ 2, 'tag-aligned', ], }, }

리액트에서 prettier를 사용할때 줄바꿈 오류

2개의 답변

Q&A 목록