預期在箭頭函數array-callback-return的末尾返回一個值

Question

我的代碼中有eslint警告Expected to return a value at the end of arrow function array-callback-return

這是代碼

return (
      <div className={cx('houseMap')}>
        {templateProperties.template.map(({ component, field, children }, idx) => {
          if (properties[field.toLowerCase()]) {
            return this.buildComponent(idx, component, field, children)
          }
        })}
      </div>
    )
  }
}

如何重構該代碼以擺脫警告？

Answer 1

您具有不返回值的代碼路徑。 您需要提供某種回報：

 return ( <div className={cx('houseMap')}> {templateProperties.template.map(({ component, field, children }, idx) => { if (properties[field.toLowerCase()]) { return this.buildComponent(idx, component, field, children) } return "SOMETHING in case if arg is true" })} </div> ) } } 

基本上，此規則表示所有代碼路徑必須顯式返回一些值。