草庐IT

react-dom-server

全部标签

javascript - 在 React 应用程序中点击返回按钮不会重新加载页面

我有一个用TypeScript编写的React应用程序(16.8.6),它使用ReactRouter(5.0.1)和MobX(5.9.4)。导航工作正常,数据应该加载,但是,当我单击浏览器的“后退”按钮时,URL发生变化但没有更新状态并且页面没有重新呈现。我已经阅读了无数关于这个问题和withRouter修复的文章,我试过了,但没有什么不同。一个典型的用例是导航到摘要页面,选择导致新数据加载和新历史状态被推送的各种事物,然后返回几个步骤到您开始的地方。大多数历史推送发生在处理多个路由的摘要组件中。我注意到,当从摘要页面返回到主页时,重新呈现会按预期进行。我的索引.tsximport{P

javascript - 在 react-native 中打开路由中未指定的 DeepLink

如果我考虑一个例子https://app.abc.com/login这会在我的应用程序中打开登录页面。但是如果链接是这样的https://app.abc.com/loginUser//Thislinkisarouteinwebapp这不会在应用程序中打开登录页面,因为路径未在路由中定义现在的要求是,每当用户点击第二个链接时,即使这样它也应该在App而不是在web中打开登录组件。IE。同一组件的多个路由,或者我可以为此类路由打开一个通用组件吗?我们可以在React-Native中实现吗? 最佳答案 这非常简单,只需浏览React-Na

javascript - 将 javascript 函数分配给 dom 元素

我正在使用MSHTML库通过MSHTML.HTMLDocument解析HTML。我的问题:有没有办法将JavaScript函数分配给DOM元素?我试过类似的东西:div.onmouseover="function(){alert('mouseover')}"和div.setattribute"onmouseover","function(){alert('mouseover')}"没有成功(没有错误,但也没有效果)。有什么想法吗? 最佳答案 始终使用函数,而不是在javascript中附加一串代码。您可以通过分配一个匿名函数来做到这

javascript - 在 javascript dom 中,属性名称是否有规则?

用于页面上使用属性名称的元数据,如table:rowNum:,例如,varrow=document.createElement('tr');row.setAttribute('tup','emp:1');row.setAttribute('emp:1:pkid','123');多年来一直使用以冒号分隔的名称(例如name='emp:1:emp_id')并取得了良好的成功,但今天开始使用以冒号分隔的属性名称特别是:varel2=row.parentNode.querySelector("[emp:1:pkid]");=>`Error:SYNTAX_ERR:DOMException12`像

javascript - 使用 each() 进行 jQuery DOM 操作;

我正在尝试使用jQuery使用each()同时对多个元素执行一些简单的DOM操作。我得到了我不明白的结果。这是一个jsFiddle,它显示了我想要发生的事情与实际发生的事情:http://jsfiddle.net/kthornbloom/4T52A/2/这是JS://StepOne:Appendoneblueboxwithineachgreybox$('.grey').append('');//StepTwo:Makeonecopyoftheredboxalreadythere,andplaceitwithinthenewbluebox.$('.grey').each(function

javascript - React FixedDataTable 响应行/单元格大小

定义固定数据表时,您可以使用rowHeight属性指定行高。但是如果cell的内容太大,通过设置一个静态值(例如,50像素高),它会被chop,因为高度是明确设置的。我看到有一个rowHeightGetter回调函数,但该函数的参数似乎没有任何相关性(也许它可能是它正在获取的行?哪种有意义但与数据无关对于特定的列或单元格)。所以我很好奇,有什么方法可以让cell响应(甚至有点)它包含的数据?varTable=FixedDataTable.Table,Column=FixedDataTable.Column,Cell=FixedDataTable.Cell;varrows=[['a1',

javascript - Shadow-Piercing 后代组合子 '/deep/' ,包括 '::shadow' 伪元素,正在被弃用,那么我们如何穿透 Shadow DOM?

假设我们有一些CSS代码,例如动画CSS加载器,我们希望在所有使用ShadowDOM的Web组件中使用它。如果我们无法像::shadow那样穿透ShadowDOM,我们如何重新使用此CSS代码?和/deep/?我们甚至无法添加在影子DOM中,所以目前我不得不通过多个复制代码标签。我真的很想知道针对此类用例建议的最佳做法是什么。谢谢。 最佳答案 而不是使用,我建议你在shadowroot中使用css@imports来在需要的地方加载外部样式表。我写了一个答案here关于这个话题。下面引用它以供引用。Youcancreateastyle

javascript - 如果 React 组件需要 jQuery,Enzyme 会抛出错误

我正在尝试使用Enzyme的describeWithDOM()和mount()测试React组件的行为。但是当组件导入jQuery时我得到这个错误:错误:jQuery需要一个带有文档的窗口我知道Enzyme在后台使用jsdom,我一直认为jsdom负责处理窗口和文档。但我似乎找不到如何让它们一起工作。测试代码如下所示:importchai,{expect}from'chai';importSelectfrom'./Select';importReact,{createElement}from'react';import{describeWithDOM,mount}from'enzyme

javascript - 如何从 Javascript 数组中获取两个最大的整数并将值返回给 DOM?

我编写了一个解决方案来获取通过表单输入的整数列表。有用。它为您提供两个最大整数的总和并将其发布在DOM中。但是,对于包含100万个整数的大型数组,它的效率不是很高。如何改进此解决方案以提高效率。应用程序.js//ThisfunctionreversestheorderofthearrayandplacesthebiggestnumbersfirstfunctionsortNumber(a,b){returnb-a;}//thisfunctionisusedtoensuretheuserdidn'tenteranylettersfunctiongetArray(){varalphaExp

javascript - 使用 webpack 部署 React 应用

我正在做一个关于React的教程,我已经制作了一个基于React的youtube克隆。现在我想将它上传到我的域(托管在one.com),但它不起作用,因为找不到bundle.js。相当明显,因为该应用程序需要运行“npmstart”。我一直在谷歌搜索,发现我需要通过为webpack编写部署配置来部署应用程序,但我无法让它工作。我一直不明白这个,我想问一下:如何将javascript/nodejs/webpack网站部署到服务器?我走在正确的轨道上吗?我的项目基于这个启动器:https://github.com/StephenGrider/ReduxSimpleStarter编辑:所以我