Javascript 如何修复预期在react函数组件末尾返回值的linter？

我创建了一个函数组件来呈现错误消息，但它有一个linter警告“预期将在函数‘renderErrorMessage’一致返回的末尾返回一个值”

函数renderError（）{
if（errors.file）{
返回(
错误数据：
{errors.file.map（（消息）=>(
{message}
))}
);
}
}

如果

出错，函数将不会返回任何值。文件

条件为false，这就是您收到警告的原因。您可以像这样重构组件：

function renderError() {
  if (!errors || !errors.file) {
    return null;
  }

  return (
    <Grid item>
      <Grid container direction="column">
        <Grid item>
          <Text size="14px" height="1.43" isError>
            Error Data :
          </Text>
          </Grid>
          {errors.file.map((message) => (
            <Grid item key={message}>
              <Text size="12px" isError>
                {message}
              </Text>
            </Grid>
          ))}
        </Grid>
      </Grid>
    );
}

函数renderError（）{
如果（！errors | |！errors.file）{
返回null；
}
返回(
错误数据：
{errors.file.map（（消息）=>(
{message}
))}
);
}

如果

出错，函数将不会返回任何值。文件

条件为false，这就是您收到警告的原因。您可以像这样重构组件：

function renderError() {
  if (!errors || !errors.file) {
    return null;
  }

  return (
    <Grid item>
      <Grid container direction="column">
        <Grid item>
          <Text size="14px" height="1.43" isError>
            Error Data :
          </Text>
          </Grid>
          {errors.file.map((message) => (
            <Grid item key={message}>
              <Text size="12px" isError>
                {message}
              </Text>
            </Grid>
          ))}
        </Grid>
      </Grid>
    );
}

函数renderError（）{
如果（！errors | |！errors.file）{
返回null；
}
返回(
错误数据：
{errors.file.map（（消息）=>(
{message}
))}
);
}

这是因为没有默认的返回语句。

返回某物

这是因为没有默认的返回语句。

返回某物