草庐IT

react-dom-server

全部标签

javascript - 使用 Next.js react onClick 事件处理程序不工作

我正在制作Reddit克隆版,我正在使用Next.js,以便在服务器端呈现。我一开始并没有使用Next.js,当我了解到它后,我立即切换到它。我创建了一个自定义的_app.js,因此页眉和侧边栏存在于每个页面上,并作为最顶层的组件来保存应用程序状态。后者不太奏效。这是.project/src/pages/_app.js:importApp,{Container}from'next/app';//ComponentsimportHeaderfrom'../components/Header/Header';constMainLayout=props=>({props.children})

javascript - 如何在 React Navigation 中深度链接到嵌套导航器?

我的导航结构如下:constApp=()=>{constprefix='test://';return;};constAppNavigator=createSwitchNavigator({splash:SplashScreen,auth:AuthStack,main:HomeStack,});constAuthStack=createStackNavigator({landing:LandingScreen,login:{screen:LoginScreen,path:'page/login',},register:{screen:RegisterScreen,path:'page/

javascript - websocket.js 导致 React 应用程序意外刷新

我有一个允许图片上传的React网络应用程序。在向我的API执行获取多个图像(在本例中为6个)的POST请求后,浏览器会自行刷新并重新加载当前页面。值得注意的是,此应用程序允许裁剪图像,因此对于用户上传的每张图像,都有第二张图像(裁剪后的)要上传。所以以上6张图片导致12个POST请求。刷新行为不一致且难以重现。我在发生此行为的函数中插入了断点。使用chrome调试器工具,我逐步完成了流程,发现刷新发生在这个调用之后。this.ws.onmessage=function(e){debug('messageevent',e.data);self.emit('message',e.data

javascript - 如何将 Intl.NumberFormat 与 native react 一起使用?

我试图在ReactNative中将数字转换为价格格式。如何使用https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat(Intl.NumberFormat)这与nativereact? 最佳答案 看来您需要国际版的JSC:安卓:https://github.com/react-native-community/jsc-android-buildscripts#international-variant对于

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

javascript - 使用 react-pdf 时的严重依赖警告

我正在尝试在React应用程序上显示pdf,但收到以下警告:/node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.jsCriticaldependency:requirefunctionisusedinawayinwhichdependenciescannotbestaticallyextractedVscode在导入功能下告诉我这个。Couldnotfindadeclarationfileformodule'react-pdf'已经尝试运行npminstall、npminstallreact-pdf并重新安装包import

javascript - React navigation didfocus 事件监听器在类组件和功能组件之间的工作方式不同

当我转换到此屏幕时,它会执行一些API调用以获取最新数据。但是当我从另一个带有钩子(Hook)版本的导航堆栈转换时,它似乎不会触发didFocus事件来触发api调用,而它与类版本一起工作。如何使hooks版本与class版本具有相同的行为?这两个版本有什么区别?类组件版本classsomeScreenextendsComponent{componentDidMount(){const{navigation,}=this.props;this.navFocusListener=navigation.addListener('didFocus',()=>{//dosomeAPIcalls

javascript - 如何在不丢失内容的情况下沿 DOM 移动 iframe?

这可能吗?我试图移动它,但iframe内容消失了。试图获取iframe的内容并将它们放置在新位置,但所有处理程序都消失了。尝试做同样的事情,但有了新的jQuery1.4.2功能,它会克隆所有事件。但它不起作用:)所以我决定在这里寻求帮助。如何在不丢失内容的情况下将该死的iframe移动到文档中的另一个位置?^_^谢谢添加:txtad_iframe=ad_container.find('iframe');its_contents=txtad_iframe.contents();its_body=its_contents.find("div:first").clone(true).inse

javascript - 循环添加/删除 DOM 节点会导致 JavaScript 内存泄漏?

我正在尝试显示使用DOM元素(添加/删除它们)进行操作的动态可变数据。我发现几乎所有浏览器都有一个非常奇怪的行为:在我删除一个DOM元素然后添加一个新元素后,浏览器没有释放被删除的DOM项目占用的内存。请参阅下面的代码以了解我的意思。在我们运行此页面后,它将逐步占用多达150MB的内存。谁能向我解释这种奇怪的行为?还是我做错了什么?functionredrawThings(){//Removingallthechildrenfromthecontainervarcont=document.getElementById("container");while(cont.childNodes

javascript - 序列化 DOM 元素,包括所有 CSS 属性

我正在开发一个像yola.com这样的在线网站设计系统。我想获取应用的CSS属性及其值到任何DOM元素的列表。例如,我有一个h1标签,它的css在调整大小和拖动时由jqueryui随机更改,还通过tinymce等更改其文本装饰和文本内容等。我在这个页面上有一个保存按钮。当我点击保存时,我想使用php将所有这些更改保存到数据库中。现在我的目标是只知道每个元素的css和内部文本内容。我该怎么做? 最佳答案 在javascript中,您可以通过调用找到元素的当前类名element.getClassName();至少在当前版本的firefo