草庐IT

react-promise

全部标签

javascript - PushManager 订阅 promise 从不履行或拒绝

我目前遇到一些Chrome(Chromium)版本的问题,其中来自ServiceWorker的PushManager.subscribepromise保持挂起状态。代码本身非常简单:returnserviceWorkerRegistration.pushManager.subscribe({userVisibleOnly:true});我有一个有效且可访问的JSONlist,提供了GCM发件人ID。我还尝试了不同的实现,如thispost中所述,但结果还是一样。订阅部分适用于每个47+版本,该问题出现在较旧的版本中。(我正在使用Chromium连续构建来测试不同的主要版本)。另请注意,

javascript - 你今天如何在前端使用 es6 promises?

我正在尝试使用babel来编译包含es6promises的文件。我已经安装了babel-cli、babel-preset-es2015、babel-plugin-es6-promise。我的.babelrc配置是:{"presets":["es2015"],"plugins":["es6-promise"]}我得到了编译后的js文件,里面有require(),但我根本不想使用require。今天是否有可能在前端使用es6promises而无需js?请提供任何指向es6promises实现示例的babel链接(或者甚至babel+require因为我无法让requirejs正常工作)ps

javascript - React-Three-Renderer 引用在 componentDidUpdate 中不是当前的(包括 MVCE)

我正在使用react-three-renderer(npm,github)来构建带有three.js的场景.我遇到了一个归结为MVCE的问题。引用没有按我期望的顺序更新。首先,这里是要查看的主要代码:varReact=require('react');varReact3=require('react-three-renderer');varTHREE=require('three');varReactDOM=require('react-dom');classSimpleextendsReact.Component{constructor(props,context){super(pr

javascript - 在 react 中从 json 字符串渲染 HTML

我正在尝试根据从API接收到的JSON字符串呈现HTML对象。我能够让字符串成功呈现为HTML,但它显示了整个JSON字符串。我只想获取特定值(电话、姓名、ID)。从我的JSON数组中提取特定值并将其格式化为HTML的最佳方法是什么?我指的是按州记录,但我无法在呈现过程中获得记录的任何子值。classmenuScreenextendsReact.Component{constructor(props){super(props)constdata=store.getState();this.state={username:'',messages:data.messages}}handle

javascript - react ,使用 Refs 到 scrollIntoView() 在 componentDidUpdate() 中不起作用

我在我的应用程序中使用Redux,在一个组件内我想在商店发生变化时滚动到特定的div标签。我有Redux部分工作,所以它触发了componentDidUpdate()方法(我已经路由到这个组件View)。据我所知,问题是scrollIntoView()方法无法正常工作,因为componentDidUpdate()具有滚动到顶部覆盖scrollIntoView()的默认行为。为了解决这个问题,我将调用scrollIntoView()的函数包装在一个setTimeout中,以确保稍后发生。我想做的是调用preventDefault()或任何其他更优雅的解决方案,但我找不到从哪里获取触发“s

javascript - JestJS:如何获得模拟函数的不同 promise 结果并测试抛出的错误?

我需要测试一个函数(example()),它使用另一个函数(validateDataset)。因为我只想测试example()函数,所以我模拟了validateDataset()。当然,每个测试都需要模拟函数的不同结果。但是如何为模拟函数设置不同的promise结果呢?在我下面所示的尝试中,模拟函数总是返回相同的值。所以在这个例子中我无法测试抛出的错误。functions.jsimport{validateDataset}from'./helper/validation'exportasyncfunctionexample(id){const{docElement}=awaitvali

javascript - 在 react 中将值传递给子组件(this.props.children)

我在布局中有一个子组件,我也想传递一个Prop值。但我不知道怎么办。在下面的类中,layoutFileDataRequest()在单击事件时从子组件接收字符串变量。需要将该值发送到this.props.children组件之一,以便它可以更新。我该怎么做?在下面的代码中React.cloneElement(child,{不会改变它总是保持不变,这意味着我无法更新child属性。exportdefaultclassLayoutextendsReact.Component{constructor(props){super(props)this.layoutFileDataRequest=t

javascript - 限制表选择不工作 - Material UI 表 - react

我可能错过了这里的简单答案。现在我的table上有一个三元组。如果选定的数组长度大于一个数字,则呈现一个禁用复选框的表格。我还为带有禁用复选框的表挂接了一个不同的handleClick函数,该复选框只会取消选择。这实质上将复选框变为灰色(禁用它们)并允许用户取消选中以便他们可以取回表格。问题是如果他们单击以选择尚未选中的内容(此时禁用),它会删除所有选定的检查并再次启用表格以供选择。这是一个问题,因为底层数据实际上并没有从我正在使用的实时数据库中删除。所以我在代码沙箱上重现了这个问题。(加载可能需要一秒钟)选择2(应该禁用表格)然后选择任何未选中的复选框,它将删除所有禁用的检查并重新启

javascript - 在组件中加载初始数据时,如何在 react-transition-group 中暂停动画?

我有以下App组件:()}/>它工作正常,但每个动画都会立即执行。例如,如果我从/rules转到/history,我在两个组件上都有完整的动画,但是历史组件需要来自服务器的数据,所以动画应用在空容器上.如何在react-transition-group组件中暂停动画?我有Redux,所以我可以在我的应用程序的任何地方更改loading变量。此外,我不想在应用启动时预加载商店中的所有数据。 最佳答案 我会让你的组件在加载时返回null并让加载状态确定CSSTransition键,如请看这里的例子:https://stackblitz.

javascript - React 上下文 useReducer 未正确更新

我无法让reducer与React上下文一起工作。在buttonbar.js中,有两个按钮应该更新状态。状态将通过过滤当前的数据来更新。正在单击按钮,我没有收到任何错误,但它也没有做任何事情。我认为问题出在reducer上。context.jsimportReact,{useState,useEffect}from"react";import*asmomentfrom"moment";importaxiosfrom"axios";exportconstContext=React.createContext();consturl="https://projects.fivethirtye