草庐IT

react-native-firebase

全部标签

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 - 使用 setState() 更新嵌套的 React 状态属性的最佳替代方法是什么?

我一直在考虑在这些选项中使用ReactsetState()方法更新嵌套属性的最佳方法是什么。考虑到性能并避免与其他可能的并发状态更改发生冲突,我也对更有效的方法持开放态度。注:我正在使用一个扩展React.Component的类组件.如果您使用的是React.PureComponent更新嵌套属性时必须格外小心,因为如果不更改state的任何顶级属性,则可能不会触发重新渲染。.这是说明此问题的沙箱:CodeSandbox-ComponentvsPureComponentandnestedstatechanges回到这个问题-我在这里关心的是性能和其他并发之间可能存在的冲突setStat

firebase - Sec-Fetch-Mode 而不是 Preflight

我创建了登录FE并完成了它。和往常一样,我的ajaxgoto是Axios。我的代码如下。constbaseUrl=http://localhost:5000/project/us-central1/apiAxios.post(`${baseUrl}/v1/user/login`,{...data},{headers:{Authorization:'Basicauth...'}},).then(r=>console.log(r).catch(e=>console.log(e));现在,当我尝试向我的本地firebase云函数发送请求时。我收到400错误请求。检查请求后,我想知道为什么它没

javascript - 从 native 对象继承

我似乎遗漏了一些关于Javascript中使用native对象的构造函数链继承的信息。例如:functionErrorChild(message){Error.call(this,message);}ErrorChild.prototype=Object.create(Error.prototype);varmyerror=newErrorChild("Help!");为什么myerror.message在这些语句之后被定义为""?我希望Error构造函数将其定义为“帮助!”(并覆盖Error.prototype.message的默认值),就像我在做的那样:varmyerror=new

javascript - 我可以加快对 JavaScript 中 native 方法的调用吗?

这个问题在这里已经有了答案:Isaclosurefordereferencingvariablesuseful?(3个答案)关闭8年前。根据thisanswerto'Isobjectempty?'://SpeedupcallstohasOwnPropertyvarhasOwnProperty=Object.prototype.hasOwnProperty;我在小型JavaScript库中看到过一些类似的实现,例如:varslice=Array.prototype.slice;//orfunctionslice(collection){returnArray.prototype.slic

javascript - Firebase child_added 没有先加载所有数据

我有一个应用程序,我想在其中加载一些初始数据(使用Firebase.once('value')完成),然后在稍后的某个时候我想接收事件已添加到该Firebase引用的子节点的数量。为此,我想使用Firebase.on('child_added'),但根据定义(并在实践中看到),它首先加载该Firebase引用中的所有数据.有没有办法绕过这种行为,只监听child_added事件。此外,像转储初始数据集这样的变通方法并不是解决方案(想象一个包含超过一百万个数据点的数据集-我不想每个数据点都只是为了在添加一个数据点时监听!)。编辑:Firebase.on('child_added')可以与

javascript - 直接在 on() 回调中使用 off() Firebase?

假设我有一个一次性手术。喜欢删除。varq=ref.child('users').child(targetUserId).child('chat');q.on('child_added',function(obj){obj.ref().remove();//Thisworksright?q.off();});我可以在on()回调中直接执行off()吗?我不需要指定eventType对吗?没有别的要清理了吧?Fromthedocs:同样,如果没有指定事件类型或回调,则引用的所有回调都将被删除。 最佳答案 CanIexecuteoff(

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal

javascript - ReactJS react 路由器 RoutingContext

我正在使用ReactJS和react-router构建同构应用程序在服务器端用于路由目的的模块。来自其guide关于在服务器上使用react-router:(req,res)=>{match({routes,location:req.url},(error,redirectLocation,renderProps)=>{//...elseif(renderProps){res.status(200).send(renderToString())}//...})}几乎没有关于这个RoutingContext的信息。所以我有点不清楚它是如何工作的。它是来自react-router的Rout

javascript - react 组件与两组 child

我正在创建一个组件,它需要接收两组子组件并放置在组件的两个不同部分。letCreditCardForm=({icons,fields})=>({icons}{fields})letCreditCardFormUsage=()=>{leticons=()=>()letfields=()=>()return()}上面的代码应该可以工作,我的问题是是否可以根据元素本身的子项获取这些属性值,并获得更自然的东西? 最佳答案 是的,this.props.children将返回一个数组,因此如果您总是想加载特定的子项,那么只需在包装器中通过索引引