草庐IT

react-router-v4

全部标签

javascript - 如何在 react.js 中监听 localstorage

我在使用从本地存储中的数组获取数据的组件时遇到问题。它在页面加载时获取初始数据,但是当localstorage更改时如何更新?importReact,{Component}from'react';classMovieListextendsComponent{constructor(props){super(props)this.state={filmList:[]}}componentWillMount(){varfilm=[],keys=Object.keys(localStorage),i=keys.length;while(i--){film.push(localStorage.

javascript - 隐藏 react-google-maps 上的默认全屏按钮

我对react-google-maps有疑问。我为全屏切换创建了自己的按钮我试过但找不到摆脱默认按钮的方法。我试图将其添加到我的代码中,但没有成功。console.log()}defaultZoom={12}defaultCenter={{lat:this.state.lat,lng:this.state.lng}}fullscreenControl={false}>我们将不胜感激。干杯! 最佳答案 只是将其包含在默认选项中constdefaultMapOptions={fullscreenControl:false,};const

javascript - 如何在使用 firebase 的 react native 中进行单元测试?

我对Jest单元测试很陌生,所以像模拟模块这样的东西令人困惑。在reactnative中,有一个组件使用firebase数据库从给定的ref返回数据://whenthedataofthecurrentuserisavailableuserRef.child(user.uid).on('value',snap=>{//checkofval()consistsdataif(snap.val()){letauthUser=snap.val(),isPatient=authUser.type==="Patient",//Weupdatethestateobjectsothatthecompon

javascript - typescript :找不到模块 'react-cards' 的声明文件

我是ReactJS的新手,我发现自己陷入了下一件事。我已经像这样通过npm安装了react-cards:npminstall--savereact-cards安装没问题,我想像这样在我的代码中导入它:importCardfrom'react-cards';但后来我说这个时出错:Couldnotfindadeclarationfileformodule'react-cards':'path'implicitlyhasan'any'type.Try'npminstall@types/react-cards'ifitexistsoraddanewdeclaration(.d.ts)filec

javascript - 如何从 native react 中的 FlatList 中删除项目/索引?

我有一个呈现为View的数据,遇到了一个关于如何删除被刷过的特定索引的问题我按如下方式使用了FlatListrender(){this.leftOpenValue=Dimensions.get('window').width;this.rightOpenValue=-Dimensions.get('window').width;return(data.id}renderItem={({item})=>({item.title}//Thisrepeats9times(9Index)}renderRightView={()=>()}leftOpenValue={this.leftOpenV

javascript - React Hooks useState+useEffect+event 给出陈旧状态

我正在尝试将事件发射器与ReactuseEffect和useState一起使用,但它总是获取初始状态而不是更新后的状态。如果我直接调用事件处理程序,它会起作用,即使使用setTimeout。如果我将值传递给useEffect()第二个参数,它会使其工作,但是这会导致每次值更改时重新订阅事件发射器(由击键触发).我做错了什么?我已经尝试了useState、useRef、useReducer和useCallback,但无法正常工作。这是一个复制品:importReact,{useState,useEffect}from"react";import{ControlledasCodeMirro

javascript - 删除 jquery/zepto 对 backbone.router 和 View 的依赖

是否有fork/维护版本的backbone完全消除了jquery或zepto使用路由器和View的需要?我不介意使用backbone,但我没办法为了使用它而在我的页面上强制依赖jquery。如果不存在解决方案,有人可以发布要点,说明需要准确更改的内容吗? 最佳答案 如果您希望Backbone处理DOM操作、DOM事件和AJAX请求,那么您将需要另一个库来执行此操作。它不一定是jQuery或Zepto-Backbone也支持Ender,理论上您可以使用任何可以进行DOM选择并支持jQuery样式方法子集的库。快速浏览annotated

javascript - Meteor/Iron Router 外部重定向

所以我正在创建一个基本的虚荣URL系统,我可以在其中拥有http://myURL.com/v/some-text,从数据库中获取一个项目并重定向到特定的基于客户端是否为移动/桌面和其他特征的URL。我通常构建Facebook应用程序,因此在桌面的情况下,它们将被重定向到FacebookURL,否则在移动设备上我可以只使用普通路由。有没有办法从服务器端的IronRouter重定向到外部网站?this.route('vanity',{path:'/v/:vanity',data:function(){varvanity=Vanity.findOne({slug:this.params.va

javascript - 我如何处理 React JSX 中的长类名?

假设我在ReactJSX中渲染这个组件:render(){return(Sometext);}这些类触发我的JSlinter,因为一行太长,而且很难阅读。如何在不破坏JSX语法或在JSlinter中触发不同错误的情况下,将React组件中的长className属性分成多行?(我正在使用ESLint)。 最佳答案 另一个Cleaner方法是将类名存储在一个数组中并连接它们。render(){constclassNames=['col-xs-6','col-xs-offset-3','col-md-4','col-md-offset-4

javascript - D3 v4 - 访问选择数组并找到相应的元素

我正在尝试放宽约束,以便为我的饼图工作。它基于此示例https://jsfiddle.net/thudfactor/HdwTH/但是使用的放松方法似乎不再适用于v4。具体问题是他们如何直接访问选择组数组:textLabels=labelGroups.append("text").attr(...);if(again){labelElements=textLabels[0];D3v4.x访问选择组数组的方式是否发生了变化?你现在会怎么做? 最佳答案 在D34.0中,选择不再是数组。根据API:Selectionsnolongersub