화살표 본문을 둘러싼 예기치 않은 블록 문

화살표 본문을 둘러싼 예기치 않은 블록 문

사용하고 있다"eslint-config-airbnb": "^6.1.0",JavaScript를 깔끔하게 유지합니다.

내 린터는 합법적인 코드로 보이는 것에 불만족스러워 합니다.

이것은 현재 진행 중인 문제인 것 같습니다.OCD 개발자에게 이 문제에 어떻게 대처해야 할지 제안해 주실 분 계십니까?이 규칙을 무효화하거나 다른 방법으로 할 것인가.

block 문은 하나의 식에 필요하지 않습니다.

this.state.todos.filter(filterTodo => filterTodo !== todo);

블록 문 안에 화살표 기능을 래핑하지 않으려면 해제할 수 있습니다.

module.exports = {
  extends: "airbnb-base",
  rules: {
    "arrow-body-style": 0
  },
  "env": {
    "jest": true
  }
};

Kevin answer에 덧붙여, 에러는 eslint 설정에 관련하고 있습니다.이 말은 만약arrow-body-style옵션이 true로 설정되어 있고 OP가 정확합니다.또 다른 예는 다음과 같습니다.

    return this.state.greetings.map((name) => {
        return <HelloWorld key={name} name={name} />;
    });

없이.arrow-body-style옵션, block 스테이트먼트({ return ...}Kevin의 답변에 따르면 )은 필요하지 않습니다.

이것은 실제로 어떤 스타일이 더 적합한지에 대한 새로운 질문을 열어줍니다.

자세한 내용은http://http://eslint.org/docs/rules/arrow-body-style 를 참조해 주세요.

언급URL : https://stackoverflow.com/questions/36093638/unexpected-block-statement-surrounding-arrow-body