草庐IT

hook_views_query_alter

全部标签

javascript - 无法读取 setInterval 中的最新状态变量( Hook )

这个问题在这里已经有了答案:StatenotupdatingwhenusingReactstatehookwithinsetInterval(14个答案)关闭3年前。我想这是因为JS的工作原理,但我想你不会对类有这个问题。在这段代码中:let[open,setOpen]=React.useState(false);let[counter,setCounter]=React.useState(0);functionhandleClick(){setOpen(true);setInterval(()=>{console.log(counter);setCounter(counter+1);

javascript - backbone.js 集合未正确删除 View 中的项目

我在View中从模型内的集合中删除项目时遇到了一些问题。基本上模型/集合结构如下:基本上,当我尝试从子项目View中的子项目集合中删除一个项目时,它实际上从集合中删除了正确的项目。然而,当我开始坚持主模型时,该项目似乎仍在收藏中。这是我的观点的结构:主视图插入主模型所需的DOM节点,主模型为项目模型等创建新View。所有View都将主模型作为模型选项,如下所示:newApp.Views.MainModelView({model:this.model,el:$('#nodeID')})唯一不同的是子项模型View的创建,由于View和模板的可重用性,我仍然传入主模型,但是我也传入了项集合

javascript - Ionic 2 - 对模型的更改不会在 View /UI 中更新

我很难理解如何在不从UI触发事件的情况下将对组件内属性的更改传播到实际View。如果我来回移动,UI就会更新。这是我的组件,每秒检索一次BLE通知。每次通知后,View中需要更新通知的结果值。我可以在开发人员控制台中看到通知。import{Component,ChangeDetectionStrategy,ChangeDetectorRef,Input,Output}from'@angular/core';import{NavController,NavParams}from'ionic-angular';import{BLE}from'ionic-native';import{Obs

javascript - React Native - LayoutAnimation : how to make it just animate object inside component, 不是整个组件/ View ?

我正在尝试关注这个example(代码here)并在我的RN项目中使用LayoutAnimation(与该示例的不同之处在于我只想渲染我的圈子而没有按钮会被按下)。但是,当我添加LayoutAnimation时,整个View/屏幕/组件都会执行“弹出”动画,而不仅仅是我想要的圆圈。我必须将LayoutAnimation移动到哪里才能实现仅对圆形对象进行动画处理?再次更新:听取了bennygenel的建议制作一个单独的Circles组件,然后在收藏夹上有一个componentDidMount可以添加每个一个接一个的Cricle组件,随着状态的更新出现时间延迟,从而产生单独的动画。但是我仍

javascript - 在滚动事件上监听的函数中未更新 React Hook

我有一个函数handleScroll,它在滚动事件上被监听。此函数必须更新isFetching(开始时为false,并且必须更改bool值)。函数handleScroll被正确监听,如console.log所示。但是,isFetching始终为false。似乎从未读取过setIsFetching。我认为,另一种选择类似于eventListener卡住handleScroll函数的第一个版本。我该怎么做才能更新该函数中的Hook?这是代码的简化版本和codesandbox:/**/importReact,{useState,useEffect}from"react";importReac

javascript - 谷歌地图加载 API 脚本并在 ember.js View 中初始化

我正在尝试为Googlemap创建一个EmberView,并以按需方式加载脚本,即异步加载API。我在View中有两个函数,一个用于加载GoogleMapsAPI,另一个用于初始化map。但是由于谷歌要求我通过需要API的链接调用回调函数。但是在Ember.JS中,我无法得到正确的结果。我得到的只是一条错误消息,指出在尝试初始化map时对象“google”未定义。现在这是EmberView代码。App.MapsView=Ember.View.extend({templateName:'maps',map:null,didInsertElement:function(){this._su

javascript - 将带有参数的 View 组件渲染到命名导出 ember.js

我的应用程序模板中有2个命名socket,slider-area和pre-footer。有没有办法将带参数的View组件(如索引模板中显示的main-slider组件)传递到命名socket?所以我需要将{{main-slidersliders=filteredSlider}}传递给索引模板中的导出{{outlet"slider-area"}}吗?我来自Rails,如果这不是ember的做法,请原谅我的想法。可以在应用程序模板中指定yield:slider_area,然后将此区域的任何内容包装在content_for:slider_areablock中。ember中是否有类似的方法?i

javascript - 如何从 Rails View 调用内部 API(用于 ReactJS 预渲染目的)?

我已经有了返回JSON响应的RailsAPIController。前端Javascript(以及移动应用程序)使用它来呈现值。现在,我希望使用ReactJS预呈现这些值:#app/controllers/api/v1/products_controller.rbmoduleAPImoduleV1classProductsController如何有效调用内部/api/v1/products和/api/v1/userURL(例如,不向我自己的服务器发出HTTPGET请求)? 最佳答案 我同意您希望为您的View重用您的API代码。这将使

javascript - React hook 相当于设置状态后的回调函数

这个问题在这里已经有了答案:Howtouse`setState`callbackonreacthooks(22个答案)关闭1年前。在React中(在钩子(Hook)之前),当我们设置状态时,我们可以在设置状态之后调用一个函数:this.setState({},()=>{//Callback})这与hooks的等价物是什么?我试过这样做const[currentRange,setCurrentRange]=useState("24h");setCurrentRange(someRange,()=>console.log('hi'))但这没有用有人知道这个的解决方案吗?

javascript - Angular : disable scroll to top when changing view

假设我有一个大标题,所以ng-view指令在页面上。就在这个ng-view之前,我有一种菜单可以触发Angular路由,从而改变View。我的问题是,只要路由被触发,页面就会一直滚动到顶部,因此部分内容超出了视口(viewport)。这是我的路线:angular.module('portfolio',[]).config(function($routeProvider,$anchorScrollProvider){$anchorScrollProvider.disableAutoScrolling();$routeProvider.when('',{templateUrl:'portf