我可以将 React 集成到 Knockout JavaScript 应用程序中吗？
[英]Can I integrate React into a Knockout JavaScript app?
问题描述
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.
我在业余时间一直在构建一个应用程序，它的后端是 C#，我使用 Knockout js 作为前端，老实说，它是一个我在主要工作之外用于学习目的的应用程序，我可能会启动它一个天不太确定。 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?我现在有了一份使用 React 的新工作，所以我的问题是我现在可以将 React 集成到我的应用程序中，这样我就可以开始学习这个库了吗？ 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.我还没有学习 React，因此我想开始将它集成到我的副项目中，尽管我也不想重新开始重写所有的 Knockout JavaScript。
1 个解决方案
解决方案1
2 已采纳 2022-06-05 16:19:25
A React app can be initialized on any DOM node you want.可以在任何你想要的 DOM 节点上初始化 React 应用程序。 Pick a page you want to put React on, create a DOM node (a simple div ) and create a Element on that node.选择一个你想要放置 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/babel-standalone@6.15.0/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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.