草庐IT

app_state

全部标签

javascript - 使用 create-react-app 进行 react-router-dom 热重载

我正在学习React和ReactRouter。我使用create-react-app创建了一个应用程序,在我开始使用react-router-dom之前,热重载运行良好。这是我的package.json:{"name":"my-app","version":"0.1.0","private":true,"dependencies":{"bulma":"^0.7.2","react":"^16.6.0","react-dom":"^16.6.0","react-router-dom":"^4.3.1","react-scripts":"2.0.5"},"scripts":{"start"

javascript - 使用 Facebook ://To Share a Post through the Facebook App with Web Interface

我的一个网站有一个我编写的自定义共享插件,如果可能的话,我想尝试在本地Facebook应用程序中打开“共享”功能。我知道您可以使用fb://打开应用程序,但根据我的阅读,这是FBML的一部分,已被弃用多年。我最理想的是让链接打开FB应用程序,并在共享框中预先填充一个链接,然后用户可以自动共享该链接。基本上是sharer.php脚本的功能(如果它从OG标签中提取数据就没问题)。我知道它可以在iOS应用程序(可能还有Android)中完成,但是否可以通过网络界面完成?我使用的链接仅通过一些Javascript在移动设备上显示,因此我不必担心它会在整个网站范围内造成任何问题。感谢您的帮助!

javascript - $state.go 没有改变 Url

我正在使用带有ui-router的Angular.js1.3。我有3个页面,page1.html、page2.html、page3.html。当用户点击页面1时,页面2将打开,但我想保存页面1的滚动状态,即用户在点击之前所在的位置,以便在点击后退按钮后他进入相同的滚动状态。为了解决这个问题,我在iframe中打开了page1.html之上的page2.html,并赋予它绝对位置以显示在page1.html之上,我正在使用:history.pushState({},'','/page2.html');更改网址。此实现工作正常。现在当用户点击page2.html上的链接时,它应该打开pag

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

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 - Google Apps 脚本应用程序突然执行缓慢/出错

是否还有其他人在使用Apps脚本应用程序时遇到性能问题?我有9个应用程序在周五突然开始变得非常缓慢。它们之间的共同链接似乎是ScriptDB,尽管我不确定这是问题所在。我想知道这是否与ScriptDB在今年年底被弃用有关?我比以前更频繁地看到以下错误:服务在短时间内被调用了太多次:scriptdbrateMax。在调用之间尝试Utilities.sleep(1000)。提前致谢斯图尔特 最佳答案 是的,我也在我的脚本中看到过它。最近scriptDb显然对速率限制变得更加严格。我有一个连续运行超过1年的脚本,这周两次出现同样的错误,而

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

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

javascript - 在 React Native App 的 WebView 中包含外部 JavaScript 文件

我试图在我的ReactNative项目的WebView中包含一个外部JavaScript文件。我希望包含的文件是用纯JavaScript(无ES5或更高版本)编写的npm上不可用的第三方库。我需要一个解决方案来将我的JS文件注入(inject)到ReactNative项目的WebView中,而无需导入它或使其成为npm模块。我尝试了以下方法,但目前没有效果:我试过像这样加载脚本:Insertscripttag我尝试按照此处的答案在injectedJavaScript中动态加载脚本:LinkJSfilefromaJSfile这是我的外部AppGeneral.js:functionAppG

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