我们忘记了前端基础知识（在所有最新趋势和无尽范例中，我们似乎忘记了前端开发的基础知识。）

通常，我会说这没什么不好，熟练的手几乎可以做任何事情。然而，最近我注意到一些事情改变了我对这个行业的看法。似乎在无穷无尽的趋势、范例和新奇事物中，我们忘记了前端开发的支柱。

在本文中，我想分享最近一个项目中的一些代码片段，并尝试解释我对它们的想法。事不宜迟，让我们开始吧！

目录

无尽的过度复杂化

曾经的错误

万恶之源

几个重要提示

---

无尽的过度复杂化

这里我们有最基本的 Card组件，它有一个可选的 header 属性。如果此属性存在 — 我们将其呈现在具有特定类的包装 div 内。

const Card = ({ children, header }) => {
  return (
    <div className="card">
      {header && <div className="card__header">{header}</div>}
      {children}
    </div>
  );
};

在简单的变体中，一切都运行良好。在这种情况下，<Card /> 不会呈现标题，否则这里是 <Card header={"I am header"} />。当标题的内容是动态的并且可以返回实际内容或 null 时，问