草庐IT

react-promise

全部标签

javascript - react native + redux-persist : how to ignore keys (blacklist)?

我正在使用redux-persist存储我的设置,并想忽略其中的一些设置以便在每次重启时重置它们,例如崩溃后。可以将reducer-names数组添加为blacklist或whitelist,但我想忽略特定的键,例如settings.isLoggedIn而不是settings。//...functionconfigureStore(initialState){conststore=createStore(RootReducer,initialState,enhancer);persistStore(store,{storage:AsyncStorage,blacklist:['rout

javascript - 如何仅在需要时在我的 React 应用程序中加载 google maps api <script>?

我想尝试使用googlemapsAPI来显示map,但我想知道是否有更好的方法来加载标记而不是将它放在我的index.html中。我希望脚本仅在我转到/map时才加载路线。所以,我想将它从我的index.html中删除并动态加载它。但是,我还想确保如果它已经加载,我不会尝试再次加载它。我不确定是否有库可以处理这个问题。到目前为止我尝试过(但失败了)是创建一个loadScript附加的函数到实际的dom并为其分配一个键,所以在这种情况下'google-maps.谢谢 最佳答案 2019年10月6日更新:示例代码仍然运行良好,我刚刚将它

javascript - 什么时候调用 function vs function() in react onClick?

这个问题在这里已经有了答案:WhendoIuseparenthesesandwhendoInot?(5个答案)关闭5年前。我对何时调用React组件内的函数有疑问。有时,当我不将括号添加到函数调用时,我的代码会中断,但并非总是如此。我在这里缺少某种规则吗?不起作用//CallbackofparentcomponentAlink有效//CallbackofparentcomponentAlink//Callbackforfunctionofcomponentotherexample

javascript - 单击 React 在新窗口中打开组件

我有一个显示数据的组件。我必须在单击父组件的按钮/链接时在新窗口中打开此组件。exportdefaultclassParentextendsComponent{construtor(props){super(props);}viewData=()=>{window.open('childcomponent.js','Data','height=250,width=250');}render(){return(ViewData)}}我不知道如何调用另一个组件并将其显示在新的指定大小的窗口中。实际上我需要向那个子组件发送一个Prop,它会用它从数据库中获取数据并呈现它。

javascript - 在 React 中将 className 添加到 Fragment 的解决方法

我试图在React中创建一个无状态组件,其唯一目的是充当可重用的包装器。我也在使用CSS模块,因为我想拥有完全模块化的CSS。问题是我不想添加不必要的元素(更不用说s),而是我想使用React的片段。现在,我遇到的问题是片段(至少现在)不接受类名。所以如果我试试这个://在Wrapper.js中:importReact,{Fragment}from'react'importstylesfrom'./Wrapper.css'constwrapper=(props)=>({props.children})exportdefaultwrapper在(例如)Navbar.js中:importR

javascript - react 上下文 : TypeError: render is not a function

我正在尝试使用ReactContext将函数传递给嵌套的子组件,这有效地允许子组件在按下时更新父组件的状态。问题是我似乎遇到了错误'TypeError:renderisnotafunction。(在render(newValue)中,render是Array'的一个实例,我的控制台中的错误是:'Warning:Acontextconsumerwasrenderedwithmultiplechildren,orachildthatisn'tafunction。上下文使用者需要一个作为函数的子项。如果您确实传递了一个函数,请确保它周围没有尾随或前导空格。”我查看了这个错误以及文档,但似乎没

javascript - AngularJS promise 在加载数据之前被解决

在我的应用程序中,我必须在加载页面之前获取一些JSON数据并将其分配给一个数组。这是我使用CardService服务获取JSON的代码:cards=[];varcs={...fetchCards:function(){vard=$q.defer();$http.get("data/cards.php").success(function(data){cards=data;d.resolve();}).error(function(data,status){d.reject(status);});returnd.promise;},getCards:function(){returnca

javascript - react-router: 'Invariant Violation: Invalid tag: {HelloWorld}' ,而组件就在那里

我是React的新手,正在尝试跟上react-router(v1.0.0)的速度。我已经设置了一个简单的组件和一个简单的路由,但它给我一个错误:InvariantViolation:Invalidtag:{HelloWorld}.你会认为这是一个明显的错误,但我无法弄清楚代码有什么问题。这里是:varHelloWorld=React.createClass({render:function(){return(Helloworld);}});varroutes=();ReactDom.render(routes,document.querySelector('#main'));如果我切换

javascript - Wow.js 与 webpack 和 react

我尝试使用react和webpack来实现wow.js。我通过npm安装它。npminstall--savewow.js安装完美。现在的问题是如何正确导入它。我无法让它继续变得不确定。我试过几种方法:首先:importwowfrom'wow.js';但是webpack无法编译。它说找不到模块。即使我使用完整的urlimportwowfrom/node_modules/wow.js第二个:我正在使用来自here的解决方案:require('imports?this=>window!js/wow.js');但我仍然无法找到模块(我更改了我的node_modules的路径)。第三:来自her

javascript - 为什么 Promise 构造函数需要一个执行器?

使用Promises时,为什么不能在代码库的其他地方定义resolve和reject的触发器?我不明白为什么resolve和reject逻辑应该在声明promise的地方进行本地化。这是一种疏忽,还是强制使用executor参数有好处?我认为executor函数应该是可选的,它的存在应该决定promise是否封装了resolution。如果没有这样的授权,promise将更具可扩展性,因为您不必立即启动异步。promise也应该是可重置的。这是一个单次切换,1或0,resolve()或reject()。可以附加大量并行和顺序结果:promise.then(parallel1)和prom