期望在箭头 function 错误的末尾返回一个值

Question

我有一个像这样的 function，

  const isDisplayStaticAndConditionalSwitcher = (fieldNode, window) => {
    const fieldDataSourceCode = fieldNode.getAttribute('DataSourceCode') || [];
    const nodeValues = Object.values(window?.Designer?.nodes); // get the nodes values 
     
    const formDataSourceCode = nodeValues.map((o) => {
      if (o.displayName === 'Form') { return o.props.code; } 
    }).filter((v) => v)[0];

    return fieldDataSourceCode === formDataSourceCode;
  };

我收到错误， expected to return a value at the end of the arrow function error我应该如何解决这个问题？

Answer 1

您的 lint 规则希望您显式返回 undefined：

nodeValues.map((o) => {
  if (o.displayName === "Form") {
    return o.props.code;
  } else {
    return undefined;
  }
});

Answer 2

lint 错误是由于map function 内部的if条件造成的。 如果条件失败，您需要返回相同的值或其他值。

使用 map，期望 map function 返回相同长度的数组。

const formDataSourceCode = nodeValues.map((o) => {
      if (o.displayName === 'Form') { return o.props.code; }  
      // add the return in case if condition fails.
      return o;
    }).filter((v) => v)[0];

希望这会有所帮助。