草庐IT

react-dom-server

全部标签

javascript - 在 React 中动态呈现外部 HTML/React 组件

是否可以从外部源获取HTML/JSX内容并在React中动态呈现?在我们的例子中,我们希望从WordpressAPI获取内容并将其呈现在客户端和服务器上(我们使用的是NextJS)因此,WordpressAPI返回一个JSON响应,其中包含一个内容属性,该属性是一个HTML/JSX字符串。内容看起来像这样。{content:"Thisisanimagegallery"}因此,如您所见,它将是HTML和React组件/JSX的混合,表示为字符串我会使用Axios调用以获取内容(在服务器和客户端上都使用NextJS的getInitialProps()方法),然后我需要渲染它,但我是新手,我

javascript - 与 Firebase 身份验证 react

我正在尝试设置Reactwithfirebase身份验证。注册页面有问题。当我注释掉注册页面时,我的本地页面呈现没有任何问题。当我取消注释此页面时,我收到一条错误消息:npm.js:341UncaughtTypeError:Cannotreadproperty'app'ofundefinedatnewhm(npm.js:341)atObject.(RegisterPage.js:12)at__webpack_require__(bootstrap5a6a0f74168ebcba0a5a:19)atObject.defineProperty.value(AppRouter.js:10)a

javascript - 为什么 React 类组件总是需要在其构造函数中调用 super(props)?

在thetutorial由reactjs.org发布,声明“类组件应始终使用props调用基本构造函数”。在我自己的研究中,如果this.props未在构造函数中使用,则super(props)似乎可以替换为super(),根据thisStackOverflowanswer.因此,我的问题是,为什么我们总是要将props传递给reactjs中的基础构造函数?这个建议合理吗?为什么建议合理(或不合理)?附言将屏幕截图上传到此问题,以防在回答此问题时更新原始教程。 最佳答案 Althoughitissuggestedtopassprop

javascript - 动态 dom 操作后,如何在浏览器历史记录中保留 dom 状态?

是否有一个通用的解决方案来保留dom状态,以便当用户使用后退/前进返回页面时,整个页面处于他们离开时的确切状态?这篇文章询问并回答了为什么行为与不同的浏览器和不同的javascript库不一致...Ajax,backbuttonandDOMupdates...但我很好奇是否有人对这个问题有不需要重新加载页面的通用解决方案。 最佳答案 恐怕没有,而且真的不可能有,因为我们谈论的是完全自由裁量的浏览器行为,而不是标准定义的。您可以使用Ajax积极地将相关DOM状态同步到服务器上的session,并始终在页面加载时从该状态恢复,但这将保留

javascript - jQuery.remove(),分离 DOM 元素,但我仍然可以从代码中访问这些元素。如何避免泄漏?

我知道在具有大量UI元素且完全基于Ajax的应用程序中正确管理内存并不容易(在我的应用程序中,页面永远不会重新加载)。但我想了解以下行为:我有一个根元素,一次必须附加一个子元素(将其视为根元素是应用程序容器,子元素是单个页面)。每当我在子内容之间切换时,我都会使用jQuery.remove()删除之前的内容,但我发现该内容实际上已从DOM中分离出来,但仍保留在内存中。root和两个子内容(child1和child2)我从child1切换到child2,要求我的应用程序管理器在附加child2之前删除child1正在附加child2(我可以看到),但我仍然可以使用管理child1的代码中

javascript - 在加载 dom 之前执行 javascript

我想开发一个句柄javascript类来处理使用过的框架等。例如:myClass.addFramework('jQuery');//justanexample它工作正常,我的类(class)添加了框架-但如果其中有任何jQuery代码,它就不会工作,因为框架是在dom准备好之后加载的,所以默认的jQuery片段如jQuery(document).ready(function(){});无法工作,因为“jQuery”尚未定义。有没有什么解决方案可以让我编写一个“修复”脚本,在dom的其余部分开始加载之前必须执行我所有的addFramework方法? 最佳答案

DOM 元素的 JavaScript 最佳实践命名约定

DOM元素的JavaScript命名约定是否有最佳实践或行业标准?举个例子:vartarzan=document.getElementById('foobar');要使DOM元素可以区分与另一种类型的var,最可接受的名称是什么?是不是应该……DOM_tarzanDOM泰山元素泰山....等等等等?我希望仅通过查看变量就能分辨出差异。例如,如果我看到:DOM_tarzan.remove();...我马上就知道“DOM_tarzan”是一个DOM元素,并且它使用标准的JavaScriptremove()方法。毫无疑问,“DOM_tarzan”是一个自定义对象,它具有用户定义的“remov

javascript - 在 React 中,如何立即触发动画而不是让它们排队?

试试fiddle:http://jsfiddle.net/zhjk39qe/2/-单击按钮使框淡入/淡出。当我快速连续两次单击按钮时,我希望框开始淡出一瞬间但立即淡入。相反,在这个fiddle中,框必须淡出一直然后将一直淡入。(第二次点击排队,感觉不爽,用户体验差。)有没有办法立即强制执行第二次转换?(一直在这里挖掘但不确定去哪里:https://github.com/facebook/react/tree/master/src/addons/transitions)JS在这里:varReactCSSTransitionGroup=React.addons.CSSTransitionG

javascript - 为什么在 React 的#setState 中使用函数可以解决异步问题?

来自docs,它说“React可以将多个setState()调用批处理到单个更新中以提高性能”,因此它建议使用函数而不是对象作为setState的参数。这如何解决问题?//Wrongthis.setState({counter:this.state.counter+this.props.increment,});//Correctthis.setState((prevState,props)=>({counter:prevState.counter+props.increment})); 最佳答案 当您将一个对象传递给setStat

javascript - 有没有办法在 react-native 中流式传输视频?

react-native是否支持视频组件(官方的,就像不使用任何3rd方库一样)?我想从我的云中流式传输/播放视频,并寻找一种方法将其集成到我的react-native项目中。提前致谢,任何解决方案的线索都会有所帮助。 最佳答案 如果您使用Expo构建您的应用程序(即运行create-react-native-app命令),则Expo库包含一个videocomponent.这是一个代码示例:我想世博会在技术上是一个图书馆。据我所知,react-native没有内置视频库。您将需要使用一个包。