草庐IT

state_marker

全部标签

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - 不使用 setState 修改 state 有什么风险?

我知道直接修改状态不用setState(...)不会自动更新UI,但我仍然可以这样做:this.state.myValue="foo";this.forceUpdate();我也知道React会等待特定时刻来一次更新多个组件,但是真的有什么令人信服的理由说明我不应该在没有setState(...)的情况下直接改变状态吗??有两种情况直接改变状态对我来说是有益的:如果我必须修改一个非常长的数组的元素,setState(...)的“集群更新”会带来性能提升与不是每次都浅复制整个数组所带来的性能提升相比,可以忽略不计。如果我在状态的2个不同属性中有2个对同一个对象的引用,并且我想修改这个对象

javascript - react Hook : accessing up-to-date state from within a callback

编辑(2020年6月22日):由于这个问题引起了一些新的兴趣,我意识到可能存在一些困惑。所以我想强调:问题中的例子只是一个玩具例子。它不能反射(reflect)问题。引发这个问题的问题是使用第三方库(对其控制有限),该库将回调作为函数的参数。为该回调提供最新状态的正确方法是什么。在React类中,这将通过使用this来完成。在Reacthooks中,由于状态被封装在React.useState()函数中的方式,如果回调获取状态通过React.useState(),它将是陈旧的(设置回调时的值)。但如果它设置状态,它将可以通过传递的参数访问最新状态。这意味着我们可以通过将状态设置为与原来

javascript - react /归零 : mapStateToProps not actually mapping state to props

我在项目中使用React和Redux,但在实现启用/禁用按钮的功能时遇到问题。我已经能够:触发方法让该方法触发Action创建器发送一个Action在reducer中捕获该操作并创建一个新的更新状态在ReduxDevTools中查看更新状态但是,启用/禁用功能仍然不起作用,因为似乎mapStateToProps和connect实际上并未将状态映射到Prop。我正在跟踪canSubmit,它在状态内发生变化,但在props中是undefined。我缺少什么才能成功地将状态映射到Prop?相关代码:用户窗体ViewconstmapStateToProps=(state)=>({router

javascript - 谷歌地图 (JS-v3) : How do I make my markers "fall from the sky"

曾经我可以发誓,我看到了一个使用GoogleMapsJavaScriptAPIv3创建效果的演示,您的map标记图标看起来像是从天而降并落在map上。我搜索了又搜索,包括lookingattheAPI,找不到那个例子。有没有人提供有关如何完成此用例的更多信息?谢谢 最佳答案 按照giogiga的建议扩展OverlayView可能是最安全的方法,但这显然不是简单的方法,因为Marker有很多内置的东西例如图标、阴影和可拖动性。仅扩展Marker类确实很诱人,但该类是不透明的-它不会显示其内部结构,例如您无法轻松访问底层DOM元素,您需

javascript - 谷歌地图 : Design Custom Price Marker

我正在开发一个使用ionic的移动应用程序,并且需要在谷歌地图中显示带有价格标记的地点,如下所示:我写了一个非常基本的代码来集成谷歌地图和标记。mapControllercontroller('MapController',function($scope,uiGmapGoogleMapApi,$log,$timeout,$state){$scope.map={center:{latitude:12.9250,longitude:77.5938},zoom:8,window:{show:false}};$scope.options={scrollwheel:false};$scope.m

javascript - 如何知道鼠标按钮的当前状态(mouseup state or mousedown state)

在Javascript中,当我单击滚动条(页面中出现的任何滚动条)并将鼠标悬停在图像上时,图像再次开始拖动。图像只能在鼠标按钮按下状态下拖动。所以我试图通过了解鼠标按钮状态(mousedown或mouseup)来解决这个问题这个问题只存在于IE和chrome,我试过的其他浏览器都不存在。Javascript:document.onmousemove=mouseMove;document.onmousedown=mouseDown;document.onmouseup=mouseUp;functionmouseMove(ev){varmouseButtonState;//putcodeh

javascript - 防止 this.state 与 setState 一起使用

Thereference状态:setState()doesnotalwaysimmediatelyupdatethecomponent.Itmaybatchordefertheupdateuntillater.Thismakesreadingthis.staterightaftercallingsetState()apotentialpitfall.Instead,usecomponentDidUpdateorasetStatecallback(setState(updater,callback)),eitherofwhichareguaranteedtofireaftertheupd

javascript - react : Get initialstate after state has changed

是否有可能在状态改变后检索初始状态?例如:React.createClass({getInitialState:function(){return{foo:'bar'}},componentWillMount:function(){this.setState({foo:'foo'})},componentDidMount:function(){//gettheinitialstate"bar"?}})我在文档中找不到任何内容。我当然可以将值保存在外部变量中,但我只是好奇是否可以将初始状态视为可以重复使用的“配置”对象。 最佳答案 不

javascript - 无法根据文档在 Angular ui-router 中访问 $state.current.data

我正在尝试动态更新页面标题。考虑这样定义的状态:$stateProvider.state('login',{url:'/login',templateUrl:'/templates/views/login.html',controller:'AuthCtrl',data:{title:'Login'}}在页面的HEAD部分:根据tothedocumentation,Iamsupposedtobeabletoaccessmycustomdataproperty:app.directive("pageTitle",function($state){return{restrict:'A',t