草庐IT

react异步组件

全部标签

javascript - 在 React 中初始化和使用 `sessionStorage`

我目前正在尝试将项目保存到sessionStorage中在渲染发生之前。我的代码是这样的:componentWillMount(){sessionStorage.setItem("isUserLogged",false);}但是,它说“sessionStorage未定义。”在渲染发生之前,我如何在React中使用sessionStorage? 最佳答案 SessionStorage在使用服务器端呈现时不可用(您可以模拟它,但数据不会对用户可用)。它仅在浏览器中可用https://developer.mozilla.org/en-US

javascript - 用 React 编写的 Chrome 扩展中的路由

我想在我的Chrome扩展程序中添加2个页面。例如:第一个(默认)页面包含用户列表,第二个页面包含针对该用户的操作。我想通过点击用户来显示第二页(在我的例子中是ClickableListItem)。我使用React和React路由器。这是我拥有的组件:classResentsextendsReact.Component{constructor(props){super(props);this.handleOnClick=this.handleOnClick.bind(this);}handleOnClick(){console.log('navigatetonextpage');con

javascript - react 终极版 : Action creator not calling reducer

我的actioncreator没有调用我的reducer。任何帮助都感激不尽。类型.jsexportconstSELECTED_FOOD='selected_food';index.js(Action创建者/Action)import{SELECTED_FOOD}from'./types';exportfunctionselectedFood({data}){console.log('SELECTED_FOOD**********************',data);return({type:SELECTED_FOOD,payload:data});}actioncreator中co

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 - SyntaxError : Unexpected identifier in selenium-webdriver/lib/http. js:454 异步执行(命令)

我最近安装了selenium-webdriverjavascript(node)client3.6.0步骤如下;#npminstallwebdriver#npminstallselenium-webdriver#npminstallchromedriver将它们安装到我的项目文件夹中然后制作一个名为“library.js”的js文件varwebdriver=require('selenium-webdriver');vardriver=newwebdriver.Builder().forBrowser('chrome').build();By=webdriver.By;until=we

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 - 我可以在异步函数的 try/catch block 中使用多个 'await' 吗?

即asyncasyncfunction(){try{awaitmethod1();awaitmethod2();}catch(error){console.log(error);}}给定method1()和method2()是异步函数。每个await方法都应该有一个try/catchblock吗?有没有更简洁的方式来写这个?我试图避免“.then”和“.catch”链接。 最佳答案 当等待在await一元运算符右侧创建的promise时,使用一个包含多个await操作的try/catchblock很好:await运算符存储其父asy

javascript - 异步函数返回 promise ,而不是值(value)

我正在尝试了解async/await如何与promises一起工作。代码asyncfunctionlatestTime(){constbl=awaitweb3.eth.getBlock('latest');console.log(bl.timestamp);//Returnsaprimitiveconsole.log(typeofbl.timestamp.then=='function');//Returnsfalse-notapromisereturnbl.timestamp;}consttime=latestTime();//Promise{}问题据我所知,await应该是阻塞的,