如何修复 react lint 错误

Question

  renderBanks({ fields, meta: { touched, error } }) {
const { isEdit, value } = this.props;

return (<div>
  {
    fields.map((bank, index) => {
      return (
        <div key={ index } className="form-box">
          <FormGroup label="비고 (해당 안 될시 빈칸)" vertical desc="개인에게 돈을 보낸 경우에는 주민등록번호 / 회사로 보낸 경우에는 사업자 등록번호를 적어주세요.">
            <InputField
              name={ isEdit ? 'remarks' : `${bank}.remarks` }
              component="input"
              placeholder="쓸 수 없는 경우에 계좌번호/은행/계좌주 이름을 넣어주세요."
            />
          </FormGroup>
        </div>
      );
    })
  }
  <div>
    { isEdit ||
    <Button block type="button" size="lg" color="pedaling-outline" onClick={ () => fields.push({}) }>폼 추가</Button>
    }
    {touched && error && <span>{error}</span>}
  </div>
</div>
);
  }

fields.map((bank, index) => { <- '{' 棉绒错误

错误：箭头主体周围出现意外的块语句。（箭头样式）

如何修复 react lint 错误请修正

对不起，我英语不好

Answer 1

如果箭头函数体中只有一个表达式，则不需要

Return。你能试试吗：

fields.map((bank, index) => (
    <div key={ index } className="form-box">
      <FormGroup label="비고 (해당 안 될시 빈칸)" vertical desc="개인에게 돈을 보낸 경우에는 주민등록번호 / 회사로 보낸 경우에는 사업자 등록번호를 적어주세요.">
        <InputField
          name={ isEdit ? 'remarks' : `${bank}.remarks` }
          component="input"
          placeholder="쓸 수 없는 경우에 계좌번호/은행/계좌주 이름을 넣어주세요."
        />
      </FormGroup>
    </div>
  )
)

如何修复 react lint 错误

How fix react lint error

reactjs

react-redux