一个网站可以同时使用简单的JavaScript和React吗

Question

我有一个网站的设计，其中包含没有任何框架的javascript。现在我正处于开发过程中，我需要为特定的过程使用javascript框架，比如react。那么，它能工作吗?或者我需要把所有的东西都转换成一个框架？我正在与Laravel合作，我如何在Laravel框架内为单个网站制作多个react应用程序？

Answer 1

是。这正是Facebook通过创建React来解决的问题。他们最初只在评论系统和聊天中使用React。

您可以创建一个React组件并仅在网站的一部分中使用它。你只需要为它提供一个挂载的地方。也就是说，您要在其中挂载应用程序的div。

有关呈现到DOM的更多信息，请查看documentation for React DOM和integration guide。基本思想是创建您的组件，然后使用以下代码呈现它：

ReactDOM.render(element, container[, callback])

Answer 2

从React文档中：

React可以在任何web应用程序中使用。它可以嵌入到其他应用程序中，稍加注意，其他应用程序也可以嵌入到React中。

要将React与其他库或框架集成，请查看React集成指南：https://reactjs.org/docs/integrating-with-other-libraries.html

Answer 3

是的，您可以从react库创建全局窗口渲染器函数，然后从普通的js或其他第三方库(如jquery )调用它，.You只需包含精简的js即可调用该函数。

下面是react上一些类似的东西

const app = (parameter1,parameter2) => (
          <YourComponent parameter1={parameter1} parameter2={parameter2}/>
);





window.renderYourComponent = function (p1, p2) {
    render(app(p1,p2), document.getElementById('your_div'));
}

在你的香草js上

 <script type="text/javascript" src="your_minified_react.js"></script>
 <div id='your_div'></div> 
 window.renderYourComponent("p1","p2");

所有内容都将在'your_div‘中呈现，你可以在react上单独工作