我可以将反应集成到淘汰JavaScript应用中吗?

发布于 2025-02-04 18:09:28 字数 222 浏览 0 评论 0原文

我一直在业余时间构建一个应用程序,它的后端是C#,我将淘汰JS用于前端,老实说,这是我用于学习目的的主要工作的应用程序,我可能会启动它。一天不确定。我现在是一项新工作,他们使用React,所以我的问题是现在可以将React集成到我的应用中,以便可以开始学习此库吗?我的目标是将每个组件分开,但是有人认为这是混合这样的库吗?我还没有学会反应,因此我想开始将其集成到我的附带项目中,尽管我真的不想再次重写所有淘汰JavaScript。

I've been building an application in my spare time, its backend is C# and I use Knockout js for the front end, to be honest its an app I use out side of my main job for learning purposes etc, I may launch it one day not really sure. I've now a new job where they use React, so my question is can I now integrate React into my app so I can begin learning this library? I'd aim to keep each component separate but does anyone think this a bad idea mixing libraries like this? I haven't learnt React yet hence I want to start integrating it into my side project though I don't really want to start rewriting all the Knockout JavaScript again also.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

—━☆沉默づ 2025-02-11 18:09:28

React应用程序可以在您想要的任何DOM节点上初始化。选择要放置React的页面,创建一个DOM节点(一个简单的div),然后在该节点上创建一个元素。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/[email protected]/babel.min.js"></script>
    <title>Hello World</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
      function App() {
        return <h1>Hello, world!</h1>
      }
      
      ReactDOM.render(
        <App />,
        document.getElementById('root')
      );
    </script>
  </body>
</html>

A React app can be initialized on any DOM node you want. Pick a page you want to put React on, create a DOM node (a simple div) and create a Element on that node.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/[email protected]/babel.min.js"></script>
    <title>Hello World</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
      function App() {
        return <h1>Hello, world!</h1>
      }
      
      ReactDOM.render(
        <App />,
        document.getElementById('root')
      );
    </script>
  </body>
</html>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文