jjzjj

react-hooks

全部标签

javascript - React js 改变状态不更新组件

我有一个按钮,当它被点击时,它应该将按钮颜色更改为红色,我这样做是通过更改状态来更新组件类使其成为.red类,从而更新颜色,4秒后它将恢复正常。然而不知何故它不会更新和重新渲染组件。我的代码:importReactfrom"react";importReactDomfrom"react-dom";constapp=document.getElementById("app");classLayoutextendsReact.Component{constructor(props){super(props);this.users=[{name:"user1",world:"88",},{n

javascript - 无法访问 react-bootstrap-table 中的嵌套字段

Mongo数据库可以返回一个包含嵌套数据的数组。我想显示包含在的数据:{应用程序:{数据:{描述:'我的描述}}}但它根本不起作用。你知道怎么做吗,我在文档和SO中都找不到。constApplications=(props)=>({props.applications.length===0?Aucunecandidature:TitleCandidatdescription})谢谢你的帮助;) 最佳答案 几分钟后,我找到了一个解决方案:我不得不使用自定义dataFormatter,如文档的这一部分所示:https://github.

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 - 如何在使用 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