草庐IT

iOS离屏渲染

全部标签

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - 在渲染之前 react DOM offsetHeight

我需要能够通过offsetHeight定位ReactDOM元素。问题是我无法收集尚未创建的元素的offsetHeight(因此无法将高度作为参数传递给渲染函数)并且我也无法计算渲染内部的高度功能如ReactDOMrefs文档中所述:Neveraccessrefsinsideofanycomponent'srendermethod–orwhileanycomponent'srendermethodisevenrunninganywhereinthecallstack.DOM元素应该相对于单击以显示它的图标呈现。组件树:|—FormInputGroup|—Label|—TooltipIco

javascript - `display: none` 与 React 中的条件渲染

我无法确定React中这两种渲染模式之间的区别。希望有人可以阐明这个问题。模式一:React的条件渲染https://facebook.github.io/react/docs/conditional-rendering.htmlclassListextendsReact.Component{state={menu:false,}handleMouseOver=()=>{this.setState({menu:true});}handleMouseLeave=()=>{this.setState({menu:false});}render(){const{menu}=this.stat

javascript - React 中的无限渲染

我无法弄清楚为什么我的应用程序会进行无休止的渲染。在内部,我的有状态组件,我在componentDidMount方法中调用一个reduxAction(调用componentWillMount也做无尽的渲染)classcryptoTickerextendsPureComponent{componentDidMount(){this.props.fetchCoin()//Thisfetchessome1600cryptocoinsdata,Reduxactionlinkforthesameinend}render(){return(item.short}initialNumToRender

javascript - 修复未重新渲染的子组件的方法(由于作为 Prop 而不是状态传递的数据发生变化)?

背景我正在开发一个使用ReactJS作为渲染库的Meteor应用。目前,我在更新数据时重新渲染子组件时遇到了问题,即使父组件正在访问更新后的数据并且应该将其传递给子组件也是如此。父组件是一个数据表。子组件是一个点击编辑日期字段。它(理论上)的工作方式:父组件将现有的日期数据作为prop传递给子组件。子组件获取现有的props数据,处理它并使用它设置一些状态,然后有2个选项:默认:显示数据如果用户单击数据字段:更改为输入并允许用户选择日期(使用react-datepicker),更改状态——当用户单击字段外部时,触发返回以仅显示并保存更新的数据状态到数据库我在表格的每一行中使用了两次子组

javascript - react 备忘录组件并在将函数作为 Prop 传递时重新渲染

假设我有这些React组件:constCompo1=({theName})=>{return(console.log('Dr.'+theName)}/>);};constCompo2=({theName})=>{functiontheFoo(){console.log('Dr.'+theName);}return();};嵌套组件,包裹在memo中:constNested=React.memo(({foo})=>{return(Clickme);});传入foo的函数是alwaysrecreated在Compo1和Compo2中,正确吗?如果是这样,因为foo每次都会接收到一个新的函数

javascript - Mathjax 多线方程渲染问题

我正在使用MathJax在网页中显示数学。我的MathJax代码如下所示:MathJax.Hub.Config({tex2jax:{inlineMath:[['$','$'],["\\(","\\)"]],processEscapes:true}});MathJax似乎工作得很好,但我就是想不通究竟如何编写多线方程。例如,此多线方程无法正确呈现。整个等式在一行而不是3行:$$\begin{eqnarray}y&=&x^4+4\nonumber\\&=&(x^2+2)^2-4x^2\nonumber\\&\le&(x^2+2)^2\nonumber\end{eqnarray}$$

javascript - Socket.io 无法将数据发送到客户的唯一房间

我正在使用Node.js创建一个媒体上传微服务。该服务的工作原理是将上传的二进制数据接收到缓冲区,然后使用S3npm包上传到S3存储桶。我正在尝试使用该包中的eventEmitter,它显示上传到S3的数据量,并将其发送回正在上传的客户端(以便他们可以看到上传进度)。我正在使用socket.io将进度数据发送回客户端。我遇到的问题是socket.io中的.emit事件会将上传进度数据发送到所有连接的客户端,而不仅仅是发起上传的客户端。据我了解,一个套接字连接到“连接”上的默认房间,该房间由客户端的“id”镜像。根据官方文档,使用socket.to(id).emit()应该只将范围内的数

javascript - Node.js 到 Socket.io 时间延迟

我正在使用Node.js(v0.12.4)和Socket.io(1.3.2)开发实时交易应用程序。在那方面,当从Node.js向GUI(Socket.Io)发出响应时,我面临将近(100ms)的一些时间延迟。我不知道为什么在从Node.js向GUI(Socket.IO)发送数据时会出现时间延迟。这发生在生产现场。由于网络延迟,我们也尝试在生产服务器位置进行调试。但同样的结果。有人帮我解决这个问题吗? 最佳答案 Onehugethingtonotebeforedoingthefollowing.Whencalculatingtimin

javascript - 使用 React 使用随机生成的字符串进行服务器端渲染?

我第一次在我的React/Redux应用程序中尝试服务器端渲染。我现在遇到的一个问题是我需要初始状态有一个随机生成的字符串,然后将其作为Prop传递给我的主要App组件。这显然会导致问题,因为它会为客户端和服务器生成不同的字符串。我能做些什么来阻止这个问题的发生吗?有助于理解的基本结构:App.jsimportReactfrom'react';import{connect}from'react-redux';constApp=({randomStr})=>({randomStr});constmapStateToProps=(state)=>({...});constmapDispat