小编Sky*_*pho的帖子

与样式表相比，使用样式化组件会降低 Web 应用程序的速度吗？

如果我关心性能并且没有任何依赖于 props 的样式，我应该放弃样式组件并使用样式表吗？

我有一个从url获取数据的函数,并且应该返回它:

const fetchTableData = () => {
fetch('https://api.myjson.com/bins/15psn9')
    .then(result => result.json())
    .then(data => {
        return data;
    })
}

export default fetchTableData;

问题是,当我导入此函数并尝试使用它时,它总是返回undefined.

当我控制台记录功能本身内部的数据时,您可以看到它可用.当我尝试导入它时,该功能不起作用.

这里有什么问题？它为什么这样工作？

据说每个代码块都有一个名为 的隐藏对象LexicalEnviroment。该对象包含对外部作用域的引用和一个EnviromentRecord，其中包含有关当前作用域的信息。

另一方面，据说函数能够关闭，这要归功于它们[[Enviroment]]“记住函数的定义位置”的构造。

我很困惑，object 和之间有什么关系LexicalEnviroment[[Enviroment]]？他们是一回事吗？只有函数有[[Enviroment]]构造吗？那他们有LexicalEnviroment对象吗？

我具有应该运行每个验证程序然后返回包含错误的对象的功能。

一切似乎都可以正常工作，但是数组中的第一个验证器。似乎reduce完全忽略了它。不管我在那放什么验证器，它都会直接转到第二个验证器。

我在这里错过明显的东西吗？

export default values => (
  [
    validateFullName,
    validateServicePresence,
    validatePhoneField,
    validateOrganizationName,
    validateInn,
    validateEmailField,
    validateManagerEmail,
    validateComment,
    validateAgreement,
  ].reduce((currentErrors, validator) => {
    const validationResult = validator(values);

    return {
      ...currentErrors,
      ...validationResult,
    };
  })
);