Question

我目前有一个小型网站，其后端使用PHP编写。我想在前端使用React，但是我是前端开发和React的新手，因此我感到困惑（因为我发现的每个在线示例似乎都假设或专注于javascript后端以及节点模块等）。

我相信我使用PHP提供一个HTML文件作为响应，其中包含对使用React的脚本的引用。

典型的react-create-app设置似乎使用Node作为后端，并以import React from 'react'形式的语句导入。但是，如上所述import的React无法正常工作，因此我使用<script>标签来“导入” React和ReactDOM，如下：

<html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <div id="root"></div>

        <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
        <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

        <script src="index.js"></script>
    </body>
</html>

当尝试使用React查看其他网站时，我发现辨别他们向用户提供的内容以及他们到底如何确保浏览器知道需要React以及从何处获取它感到困惑。

因此，我想知道这是否是正确的入门方法？为React和ReactDOM加载脚本是否足够快？我想使用这种方法在前端和非JavaScript后端上使用React吗？

Answer 1

您使用JavaScript编写React，这纯粹是在前端构建UI的一种方法。在React中，您可以使用各种包对后端进行调用，这些调用可以在任何所需的实现中实现。

如果您使用PHP服务您的页面，只需发送带有脚本标签的HTML文件即可，该脚本标签会导入您已编译的React代码。

您基本上会做这些事情：

编写React代码
将React代码编译成单个浏览器友好的JS文件（使用Webpack或类似的文件）
在HTML文件中添加脚本标签以导入此JS文件

一旦加载了HTML，JS将执行其工作来呈现您的React代码。您所使用的后端语言/技术在这里没有影响。

如何在其他后端语言上使用React

1 个答案: