Question

如何使用Gatsby将React添加到静态网站构建中？

我是Gatsby和React的初学者，我（仍然）不完全了解相关文档。

作为进一步的入门，我想将https://reactjs.org/docs/add-react-to-a-website.html上的简单示例集成到静态的Gatsby网站，例如此入门页面gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world。

动机：这是网站的要求，我尝试移植。两个页面主要由两个React应用程序/组件“驱动”。我可以访问源代码，并且可以进行一些小的更改。这些React应用程序/组件执行客户端逻辑，包括访问本地存储和XHR /提取。

一种选择是在一边修改和构建React应用程序，然后将其手动传输到Gatsby网站。我没有对此进行测试，但是可能会复制到/static/js/my-client-side-react-app.js上。

我相信有一种类似盖茨比的聪明方法可以实现这一目标。如果有人可以指出我正确的方向，那将很有帮助。也许是一个非常简单的Hello World示例的链接。我愿意做家庭作业，但是暂时不知道，不知道从哪里开始。

谢谢

Answer 1

您链接到的盖茨比启动器已经包含React：

index.js

import React from "react"

export default function Home() {
  return <div>Hello world!</div>
}

不要理会React文档中的示例。这些旨在描述您如何仅使用HTML + CSS将React添加到经典网站。对于盖茨比，这不是必需的，因为盖茨比框架会自动为您完成此操作。

简而言之：如何将React添加到静态Gatsby网站？

您不需要，因为Gatsby随React一起提供。

将React添加到静态Gatsby网站

1 个答案: