与Asp.net反应核心目标容器不是DOM元素
Asp.net反应核心是一个用于构建用户界面的JavaScript库，它的目标容器不是DOM元素，而是虚拟DOM（Virtual DOM）。
虚拟DOM是一个轻量级的JavaScript对象树，它是对真实DOM的一种抽象表示。与直接操作真实DOM相比，使用虚拟DOM可以提供更高的性能和更好的用户体验。当应用程序状态发生变化时，Asp.net反应核心会通过比较虚拟DOM的差异来确定需要更新的部分，并将这些差异应用于真实DOM，从而实现界面的更新。
与传统的Asp.net开发相比，Asp.net反应核心具有以下优势：
- 高性能：通过使用虚拟DOM和差异更新算法，可以减少对真实DOM的操作次数，提高页面渲染性能。
- 组件化开发：Asp.net反应核心将用户界面拆分为独立的组件，每个组件具有自己的状态和行为，可以更好地实现代码的复用和维护。
- 单向数据流：Asp.net反应核心采用单向数据流的模式，简化了数据的管理和状态的变更，减少了bug的产生。
- 生态系统丰富：Asp.net反应核心拥有庞大的生态系统，有大量的第三方库和工具可供选择，方便开发人员进行开发和调试。
Asp.net反应核心适用于构建复杂的单页应用程序（Single Page Application，SPA），以及需要频繁更新界面的应用场景。对于需要使用Asp.net反应核心的开发项目，腾讯云提供了以下相关产品和服务：
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器，用于部署和运行Asp.net反应核心应用。
- 腾讯云对象存储（COS）：提供高可用、高可靠的对象存储服务，用于存储Asp.net反应核心应用的静态资源文件。
- 腾讯云内容分发网络（CDN）：加速Asp.net反应核心应用的静态资源文件的访问速度，提供更好的用户体验。
- 腾讯云数据库（TencentDB）：提供可扩展的云数据库服务，用于存储和管理Asp.net反应核心应用的数据。
更多关于Asp.net反应核心的信息和腾讯云相关产品介绍，请参考以下链接：
- Asp.net反应核心官方网站：https://reactjs.org/
- 腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）产品介绍：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）产品介绍：https://cloud.tencent.com/product/cdn
- 腾讯云数据库（TencentDB）产品介绍：https://cloud.tencent.com/product/cdb
相关·内容
我正在读的官方反应教程
var CommentBox = React.createClass({
loadCommentsFromServer: function() {
$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: function(data) {
this.setState({
data: data
});
}.bind(this),
err
浏览 1提问于2015-10-18得票数 0
回答已采纳
我已经开始倾向反应了。呈现()方法在两个地方使用：
与ReactDOM.render()
ReactDOM.render( <
Test / > ,
document.getElementById('react-application')
);
另一个是内部类，它扩展组件。
class Test extends React.Component {
render() {
return ( <
div > Hello < /div>
)
}
}
这两种呈现方法的确切区别是什么？
浏览 4提问于2018-01-22得票数 23
1回答
长住短，市场营销我们的整个网站地图(5000页)在一个菜单。经过一年的斗争，没有胜利，我们必须执行。
我们目前正在评估有助于我们做出这一决定的技术。
一些菜单项将具有递归嵌套级别，5项深度(我知道疯狂)。
数据是从JSON驱动的，因为我们的sitemap存储在一个古老的CMS (Ektron)中的XML中。
我正在考虑作出反应，但可能没有答案。我们正在寻找一个JavaScript库，它将帮助我们实现这一目标并提高性能。目前，单是我们的菜单就需要花费4秒的时间来加载一台具有半好互联网连接的桌面计算机。
问题:对此使用React是个好主意吗？如果没有，我们是否还有其他选择可供考虑。
非常感谢。
浏览 2提问于2016-11-01得票数 0
回答已采纳
3回答
所以我是刚开始反应的，我试着理解非反应代码和反应代码是如何相互作用的。
例如，假设我有一个库，它使用如下语法在DOM元素中绘制圆圈：c = new Circle('#container')
一旦执行了该代码，就会在DOM元素中用id为container绘制一个圆。
如果我想在此基础上创建一个，我将如何实现它？这就是我的想法：
var circ = React.createClass({
componentDidMount: function(){
c = new Circle('#container')
},
render
浏览 0提问于2017-07-26得票数 3
回答已采纳
3回答
每次我使用ASP.NET核心应用程序构建Dockerfile时，它都会从web下载程序集。
基本上，我想用所有这些ASP.NET核心库(可能还有一些我通常使用的库)来创建坞映像。
据我所知，我试图重新发明GAC。
那么，我的问题是，是否有可能使用类似于ASP.NET核心的GAC？或者，我的第二个想法是下载ASP.NET核心库到容器中，然后在本地解决它。
我的目标是减少建造码头集装箱的时间。
更新
看上去这不可能
浏览 3提问于2016-03-14得票数 0
回答已采纳
我试图设置一个按钮的图标在反应，但它使我这个错误。按钮功能和按钮的setIcon如下所示：
class Button {
node: HTMLButtonElement
icon: SVGElement
constructor() {
this.node = document.createElement('button');
this.node.type = 'button';
this.icon = null;
}
setIcon(icon: SVGElement) {
this.icon = icon;
浏览 3提问于2022-03-18得票数 0
我正在编写一个使用完整的.Net框架的Asp.Net核心应用程序。我想添加SignalR支持，但我看到Asp.Net核心的SignalR还没有准备好投入生产。
当我以完整的Asp.Net框架为目标时，是否可以在.Net核心中使用旧的SignalR包？
浏览 3提问于2018-05-05得票数 1
我想开发的网站与反应的前端功能和后端的Asp.net和一些前端的asp.net视图。我不想在整个应用程序中使用React。当我开始新项目时，我使用了Visual Studio2019准备好的ASP.NET React Redux模板。所有人都认为很好，但是我找不到_Layout.cshtml。
为什么我需要这个文件？
当我选择经典的css mvc模板时，我可以在这个文件中找到css，js和像Asp.net这样的包的导入。
f.e：
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min
浏览 0提问于2020-10-31得票数 0
1回答
我有一个反应元件
<Component />
render(){
return <div>Component </div>
}
我想用一个额外的id在dom中呈现它，传递如下
<Component id={'myId'} />
我不想改变<Component />的内部呈现，我不想包装它。
是否有可能在反应中实现这一目标？
浏览 0提问于2018-02-22得票数 0
回答已采纳
我正在研究asp.net和jquery。我同时使用updatepanel和jquery。一切都很好。但有时也会遇到回发问题。假设在运行一个页面之后，我测试了一些jquery调用，它们调用了同一页面的pagemethod。在某些情况下，提交按钮不起作用。我按了几次，但没有任何反应。我找不到问题所在。
请帮帮忙。
浏览 2提问于2011-02-20得票数 1
我使用NInject已经有一段时间了，现在我将在Asp.net核心中启动一个项目。看起来是。所以现在我的问题是，Asp.net核心是否提供了或其他di容器提供的功能？
浏览 0提问于2016-11-07得票数 2
1回答
我有点困惑如何使用反应路由器v4。上一次我使用它的时候，我使用了v2，没有什么不同。我试着学习一些教程，但我无法让它开始工作。
我知道这两个错误：
app.bundle.js:358 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from
浏览 1提问于2017-07-01得票数 0
回答已采纳
2回答
所以，我深入地学习了反应，现在我正在研究反应片段。正如官方文档中所描述的那样，片段是返回多个元素的非常有趣的方法。但我却找不出比平时更好的办法，通过它来转移孩子？
浏览 0提问于2018-03-04得票数 0
回答已采纳
4回答
我正在使用ES6 babel with react，现在对于新版本react，react不再是它的一部分了。我对下面代码的疑问是，这是第一行要求的吗？因为没有任何地方我需要反应，但最后一行我需要ReactDOM。
const React = require('react')
const ReactDOM = require('react-dom')
const App = () => {
return (
<div className='app-container'>
<d
浏览 8提问于2016-09-29得票数 11
回答已采纳
1回答
在我们的经验中，考虑UI应该如何看待任何给定的时刻，而不是随着时间的推移如何改变它，消除了一整类bug。
来自
据我理解，这意味着只对必要的更新做出反应，而不是再次破坏和重新构建整个DOM树。我说错了吗？
有谁能帮我理解这句话吗？
谢谢。
浏览 1提问于2020-03-30得票数 0
我在我的应用程序中使用了Angular4路由器。我计划使用<router-outlet>容器呈现子组件。但我观察到的是，子组件呈现在<router-outlet>旁边。
预期：
<router-outlet>
<child-component/>
</router-outlet>
实际：
<router-outlet></router-outlet>
<child-component/>
，有什么可能的原因，为什么角决定这样做？
使用的路由器配置与 中给出的配置完全相同。
浏览 2提问于2017-06-29得票数 0
1回答
以下是父组件：
class Parent extends Component {
constructor(props) {
super(props);
this.state = {
}
}
render() {
return (
<div>
<h1>My heading</h1>
<child />
</div>
浏览 0提问于2017-01-01得票数 0
回答已采纳
我正在尝试用“活动”类来样式我的web项目的当前活动选项卡。以我正在使用的选项卡元素为目标
onMount(() => {
const links = document.querySelectorAll(".topnav a");
});
然后，我将使用一个反应性语句来为适当的元素设置如下样式
$: {
links.forEach((link) => {
if (link.getAttribute("id") === $page.url.pathname) {
link.clas
浏览 6提问于2022-05-05得票数 1
回答已采纳
假设我有：
面向ASP.NET核心框架的.NET核心独立Web项目
基于EF6数据模型的完整.NET框架类库
ASP.NET核心项目引用类库
这里提出的这个体系结构：
问题是:如果我的独立应用程序在发布(或发布)后能够在指定的目标平台(Win、Linux、Mac运行时)上执行，如果它的依赖目标是完整的.NET框架的话？
非常感谢
浏览 9提问于2017-05-02得票数 9
1回答
我是一个反应新手，我试图找出如何提高渲染性能。
考虑到示例，每当我创建一个新的Todo时，所有待办事项都将被重新呈现：
如何优化以只呈现新项？
浏览 2提问于2017-05-07得票数 2
回答已采纳
1回答
我试图为一个使用<script type="text/template"></script>来呈现页面元素的项目做出贡献。
我的贡献是将页面中的元素更改为react组件。但是，当我命令用ReactDOM.render()在特定的div中呈现react时，我会看到一个错误：
未明错误：_registerComponent(.)：目标容器不是DOM元素。
我知道这意味着react没有找到呈现的div，所以我需要在div之后加载react脚本，我已经尝试过了，但是错误再次出现。
我试过加载react脚本，否则会像这样
<script type=&
浏览 3提问于2017-05-20得票数 0
我有一个名为dropdownVisible的会话。
Session.setDefault('dropdownVisible', false)
我有以下模板/事件
template(name="authUser")
a(id="user-link") User Link
if dropdownVisible
.dropdown-container
p This is a dropdown
Template.authUser.events
'click #user-link': ->
i
浏览 0提问于2015-02-27得票数 0
回答已采纳
在初始化一个react应用程序之前，有什么理由等待窗口加载事件吗？
window.addEventListener('load', () => {
ReactDOM.render(
<h1>Reactastic!</h1>,
document.getElementById('rootElement')
);
}, false);
只要rootElement是用html定义的，而不是由javascript动态地隐藏或创建的，那么它是否有可能无法及时对init作出反应？
编辑:这也是假设javascrip
浏览 3提问于2017-10-04得票数 2
回答已采纳
3回答
JQuery的data元素中的数据什么时候到期？我希望将ASP.NET页面上ViewState对象中的数据存储在data元素中，这样就可以避免多次往返到服务器获取这些数据(用于客户端函数)
浏览 0提问于2011-06-27得票数 1
回答已采纳
3回答
天使的反应当量是什么？
、、、
我不需要一个div元素，而是需要一个像“ng容器”这样的角元素，以避免DOM中无用的div元素。
什么是天使‘ng容器’的反应当量？
浏览 0提问于2018-10-25得票数 9
回答已采纳
当涉及到CSS时，我发现术语“隐式”和“显式”令人困惑。
考虑以下CSS：
#myDiv {
display: grid;
grid-template-columns: 50px;
grid-auto-rows: 50px 75px;
}
将其应用于以下HTML时：
<div id="myDiv">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
浏览 4提问于2022-09-06得票数 -3
只是对反应的生命周期有点困惑。我的理解是..。
render()总是先运行，对吗？如果是这样..。
这意味着setState()在useEffect()中只在初始render()之后运行，对吗？
问题：
当发生上述情况时，整个组件是否重新呈现？
因此，这将是组件第二次呈现只是为了加载state。
这不是表演的问题吗？
浏览 2提问于2020-04-11得票数 3
回答已采纳
3回答
我正在寻找在knockout中解除绑定的功能。不幸的是，在谷歌上搜索和浏览这里提出的问题并没有给我提供任何关于这个主题的有用信息。
我将提供一个示例来说明需要什么样的功能。
假设我有一个具有多个输入的表单。此外，我有一个视图模型绑定到此表单。出于某种原因，作为对用户操作的反应，我需要解除视图模型与表单的绑定，即，既然操作已经完成，我希望所有可观察对象停止对相应值的更改做出反应，反之亦然-对可观察对象所做的任何更改都不应影响输入值。
实现这一目标的最佳方法是什么？
浏览 1提问于2012-06-14得票数 40
回答已采纳
我的目标是动态地将元素附加到现有的dom-if中。问题是，在追加之后，我可以在DOM三中看到附加元素，但它从不在condition上作出反应，并且始终隐藏。
<template>
<template id="domif" is="dom-if" if="[[condition]]" restamp></template>
</template>
ready() {
var el = document.createElement("input");
Polym
浏览 1提问于2015-12-07得票数 4
回答已采纳
4回答
你好，我在jquery中的.html函数有一个问题。每当我从代码中删除脚本并再次粘贴它时，事件侦听器就不再工作。你能帮我如何反应脚本后，它是重新粘贴在html中。
浏览 0提问于2011-04-19得票数 0
我试图使用JSX本身(没有反应)来呈现一些动态内容，并使用自定义的createElement函数。我使用webpack的设置如下：{ "pragma": "createElement", "pragmaFrag": "'fragment'" } for @babel/plugin-transform-react-jsx。
以下是我的自定义呈现程序代码：
function createElement(tagName, attrs = {}, ...children) {
let el = document.c
浏览 3提问于2020-07-22得票数 2
回答已采纳
1回答
有人知道如何在上部署ASP.NET核心应用编程接口吗？我试过这个，但它不适用于ASP.NET核心API，我不知道怎么做，它的文档是模棱两可的，它很难理解，请任何人有简单的方法或明确的方法部署？
浏览 0提问于2020-05-11得票数 0
2回答
在里，上面写着
反应元素是不可变的。一旦创建了一个元素，就不能更改它的子元素或属性。元素就像电影中的单个框架:它在某个时间点表示UI。根据我们目前的知识，更新UI的唯一方法是创建一个新元素并将其传递给ReactDOM.render()。
在下一个标题中，它说
只对必要的更新做出反应
React将元素及其子元素与前一个元素进行比较，并且只应用必要的DOM更新使DOM达到所需的状态。
以身作则-
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
浏览 0提问于2018-09-22得票数 4
回答已采纳
1回答
我在试着把标记的经度和纬度写在反应传单上，但我似乎不知道怎么做。，但我想不出怎么用反应传单来称呼它。
我的目标是在地图上有一个标记(固定位置)和另一个可拖的标记。当您拖动标记时，它将打印坐标到控制台onDragEnd，然后告诉您两者之间的距离。我一直在阅读文档并查看代码，但似乎无法在我的React组件中实现这一点。
任何帮助都是非常感谢的。
浏览 3提问于2020-09-25得票数 0
回答已采纳
使用Visual Studio2015 ASP.NET核心应用程序使用类库ASP.NET核心应用程序和类库在项目创建类库时具有.NET框架4.5.2平台具有.NETStandard库1.6.0依赖项此应用程序将在.NET核心目标运行时启动，还是需要完整的.NET框架？
以下是一些快照
浏览 1提问于2017-04-14得票数 1
注意：，这是一个正在抛出的反应错误。
因此，我正在尝试一个实验，在这个页面的基础上，我呈现一个来自骨干路由器的post组件。现在我知道你不会这样做，事情会变得很混乱。但是，，这只是一个实验，。
因此，我在主干网中有以下路线(请注意响应呼叫)：
AisisWriter.Routers.Posts = Backbone.Router.extend({
writer_posts: null,
posts: null,
mountNode: $('#blog-manage'),
routes : {
'': 'index
浏览 1提问于2014-05-29得票数 4
回答已采纳
我是新的反应，并正在学习如何正确地使用反应路由器与反应所有的一起。如您所知，React路由器被分为三个包:react路由器、react路由器-dom和react路由器-原生包。因此，在默认情况下，反应路由器和反应路由器都有反应路由器.问题是，反应路由器和本机反应路由器都包括反应路由器，那么为什么要将反应路由器作为单独的包呢？
浏览 5提问于2019-10-27得票数 2
回答已采纳
是否可以配置ASP.NET核心DI来解析所有类？类似于Autofac AnyConcreteTypeNotAlreadyRegisteredSource功能的东西。
我能够在ASP.NET Core中使用Autofac，但是我不想向我的应用程序添加额外的库，因为ASP.NET Core已经有DI了。
所以基本上没有：
services.AddTransient<MyService>();
services.AddTransient<MyAnotherService>();
我宁愿做这样的事情：
services.ResolveAll();
浏览 6提问于2017-03-24得票数 5
回答已采纳
5回答
我是刚对asp.net核心应用程序开发做出反应，但不是这样的。我试图在visual中创建一个带有asp.net核心+ react模板的react应用程序。我正在尝试做一个Asp.Net MVC路由，首先调用具有授权属性的控制器操作，以确保对用户进行身份验证。我在Asp.Net MVC视图中没有任何东西要展示。一旦用户通过asp.net mvc控制器操作进行身份验证，我想立即重定向用户以响应默认路由。是否有任何特定的路由机制来实现这一目标。
现在，我的应用程序通过基于路由的控制器和操作，并在由控制器操作定义的视图处停止。我试图了解如何重定向用户使用反应路线现在。我试过使用“返回重定向”和“返回”
浏览 0提问于2019-03-12得票数 4
3回答
在“反应文件”中，他们声称：
ReactElements不应与DOM元素混淆。ReactElement是DOM元素的轻型、无状态、不可变的虚拟表示形式。
这是否意味着可以对常规DOM元素进行变异？如果是这样的话，您能给出一个例子，说明如何变异DOM元素，但是应用于ReactElement的相同代码不会改变它吗？
浏览 3提问于2016-07-13得票数 1
回答已采纳
2回答
我需要渲染反应组件到div与id悬停倒计时。因此，正如名称所述，当页面加载时，它是不可见的，但仅在悬停时才可见。这是否会对ReactDOM呈现产生某种影响？因为我无法渲染它。还有别的办法吗？谢谢您：)
const HoverCountdown = () => {
return (
<span>Countdown</span>
);
};
document.addEventListener("DOMContentLoaded", () => {
ReactDOM.render(
<HoverCountdow
浏览 4提问于2021-12-16得票数 1
我注意到，文章中的一些地方他们使用了React.render()，一些地方使用了ReactDOM.render()。这两者之间有什么具体的区别吗？
浏览 1提问于2015-10-08得票数 41
回答已采纳
我正在尝试用ASP.NET MVC WebApi和一个角6前端来建立一个项目。该项目应该针对.NET 4.6.1，因为我没有跨平台需求。不过，我还是想使用.NET核心项目模板，因为它有一些我开发和部署过程所需要的图表：
在VS中没有显式的文件管理，也就是说，我不需要在VS中添加/删除文件。该项目结构与光盘上的文件结构相同，并实时更新。
默认情况下IIS用作应用根目录的wwwroot目录。
一个很好的参考资料组织，包括npm包
到目前为止，我已经使用Visual的ASP.NET核心项目模板设置了大部分内容。我做了以下工作：
从VS模板创建项目
将目标从netcorea
浏览 0提问于2018-06-26得票数 0
回答已采纳
我正在实现无限的视频卷轴。每个组件都有一个惟一的id im作为密钥。每个组件都非常大，所以我希望每次只在DOM上保留几个项。例如，如果我有5个id为A，B，C，D，E的元素，下一个状态是B，C，D，E，F，B，C，D，E会被反应重新命名吗？
谢谢你的帮忙!
浏览 5提问于2020-06-15得票数 1
回答已采纳
1回答
我正在使用ASP.Net Core (.NetCoreApp 1.1) + SpaServices + React + Redux + Webpack来完成这个项目。真正的反应能力是服务器端的JS渲染。当您在流行的JS库中使用IIS/Kestrel时，一切都很好，但是当您尝试使用一些UI库时，服务器端呈现就会崩溃。
我在我的项目中使用react-planner，它依赖于提供WebGL和画布呈现器的“三”库。问题是，Asp.Net核心默认JS引擎没有在客户端浏览器中可用的“窗口”环境，因此服务器不能呈现某些JS库。.Net有一个名为JavaScriptEngineSwitcher的库，但它不支持
浏览 5提问于2017-06-15得票数 0
3回答
我有一个组件，它有这样的项目列表：
loadMore() {
const len = this.state.itemList.length;
if (len < 1000) {
const newItems = Array.from({length:10}, (v,i) => "item-" + (i+len));
this.setState({itemList: this.state.itemList.concat(newItems)});
} else {
alert("no mo
浏览 9提问于2016-06-30得票数 3
回答已采纳
众所周知，在ConfigureServices类中，asp.net 启动类中有一个方法，我们可以添加自定义服务。通过依赖注入提供服务。
ASP.NET核心包含一个简单的内置控制反转( IoC )容器，默认支持构造函数注入，但可以很容易地替换为您选择的IoC容器。除了其松散耦合的好处外，DI还使服务在整个应用程序中可用。
我的问题是如何用我自己的IoC替换内置的IoC？
如果你有，请给我举个例子。
浏览 2提问于2016-07-22得票数 3
2回答
响应导航与角8材料？
、、、、
我已经看到了各种实现，它们使用媒体查询为角材料Sidenav实现响应导航。
对于角8，我们仍然需要自定义媒体查询/ CDK媒体查询来实现这一点，还是有一种方法可以以声明方式对组件执行此操作？
我的目标是实现一个响应sidenav，类似于中使用的sidenav。
浏览 1提问于2019-09-21得票数 1
回答已采纳
1回答
谁能扩展一下hikalkan (@hikalkan)在这里提供的方向：
使用标准Microsoft DI的原始作品。
public void ConfigureServices(IServiceCollection services)
{
services.AddAutoMapper();
services.AddMvc();
services.AddApiVersioning();
services.AddDbContextPool<CIDMSContext>(options => options.U
浏览 4提问于2017-11-02得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
