文章标签

吉姆·尼尔森:

我认为你会发现使用 React A) 带有类似 JSX 的语法，以及 B) 无需任何构建工具，会非常令人耳目一新。

确实令人耳目一新：…

我可能应该早点学会这个，但无奈，我们现在才开始。事实证明，你可以指定 JSX 要使用的函数。是的，JSX 实际上只有一种主要的转换。它将尖括号…

要在 JSX 中为元素添加内联样式，你必须使用这种对象语法，例如

<div style={{
  fontSize: 16,
  marginBottom: "1rem"
}}Content
</div

这对于我们这些习惯于…

今天，我们将为我们的 Fun Food Friends 应用添加身份验证（通过 Google 身份验证和 Firebase），以便只有登录的用户才能查看谁带了什么参加聚餐，以及能够添加他们自己的物品。当用户未登录时，他们将无法看到人们带了什么参加聚餐，也无法添加他们自己的物品。

本教程是 Brad Westfall 关于 React 的三部分系列教程的第二部分。这个系列教程旨在帮助你超越基本的 React 技能，构建更大的东西，例如完整的单页应用程序 (SPA)。本文接续…