SonarLint：代码异味：不应声明局部变量然后立即返回或抛出

Question

在使用 SonarLint 分析我的代码后，我得到以下气味代码：“不应声明局部变量然后立即return编辑或抛出”。

即使这没有阻塞并且组件工作正常。

我认为有更好的方法来 post 函数中的 return 但我不知道怎么做，如果有人知道这个技巧.

这是我的组件：

const ColumnModalEvent = (currency: any) => {
  const columnsEventModal: Column[] = [
{
  Header: () => <I18nWrapper translateKey="movement.type.fieldName" />,
  accessor: 'type',
  disableSortBy: true,
  Cell: ({ value }) => (
    <I18nWrapper translateKey={value} prefix="movement.type" />
  ),
},
{
  Header: () => (
    <I18nWrapper translateKey="movement.uniqueReference.fieldNameShort" />
  ),
  accessor: 'uniqueRef',
},
{
  Header: () => <I18nWrapper translateKey="movement.documentDate" />,
  accessor: 'createdDate',
  className: 'text-end',
  headerClassName: 'text-end',
  Cell: ({ value }) => <DateFormater dateToFomat={value} />,
},
];

 return columnsEventModal;
 };

 export default ColumnModalEvent;

Answer 1

只是为了代码简短，将第一行从

更改为

const columnsEventModal=  Column[] = [...]
return columnsEventModal;

到线

return [...]

因为你没有在插入和 return 语句之间做任何事情，Sonar 不明白你为什么要分配一个变量

SonarLint：代码异味：不应声明局部变量然后立即返回或抛出

SonarLint : Code Smell : Local variables should not be declared and then immediately returned or thrown

reactjs

sonarqube

sonarlint