jjzjj

setstate

全部标签

javascript - React 箭头函数组件 - setState 未定义

我正在尝试在箭头函数组件中设置状态,但出现错误“未定义设置状态”。我尝试使用setState({selectedSlot})和this.setState({selectedSlot})在handleChange中设置状态,但没有任何效果。constAddAssetActivity=props=>{let{variations,slots,priceStructure}=props;letstate={selectedSlot:{"0":"00","1":"11"},cal:1};lethandleChange=(event,value)=>{letselectedSlot=state.

javascript - 如何在 React 中使用 setState() 来清空/清除数组的值

我正在尝试清除数组,但遇到了麻烦。this.setState({warnErrorTypes:[]})我不确定我是否正在处理竞争条件,或者具体问题是什么,但我可以看到我的数组的值在我需要将其值重置为[]的情况下一直是错误的.如果满足以下条件,如何将包含[1,2]的数组替换为[],然后再替换为[3]:this.state.warnErrorTypes是一个以[]开头的数组根据条件,将2压入Array根据条件,将1压入Array。根据条件,3不被压入数组暂停。用户与UI交互数组为空白:this.setState({warnErrorTypes:[]})根据条件,2未被压入数组根据条件,不将

javascript - 使用 this.state 在渲染中设置状态

我最近看到这种类型的react模式,其中使用this.state在渲染中设置状态:classShowMeextendsReact.Component{constructor(props){super(props);this.state={showButton:false,};}render(){if(this.props.show){this.state.showButton=true;//settingstateinrender!!}return(Showorhidebutton{this.state.showButton&&})}}这似乎是一种反模式。这会导致错误吗?不过它似乎工作

javascript - react setState 回调没有更新状态

如果monthOffset=12如果yearOffset=2018,条件将评估为真并将yearOffset状态更新为2017。根据我读过的react文档和其他答案,this.setState中的回调函数在状态更新后触发,但console.log()是仍在输出2018。我尝试了几种不同的方法来根据其他相关问题的答案来实现此代码,但我的方法不起作用。我不确定为什么。handleClick(e){const{monthOffset,yearOffset}=this.statethis.setState({monthOffset:monthOffset-1})if(monthOffset-1=

javascript - (React js) 音频 src 在 setState 上更新,但音频播放没有改变

我正在尝试使用React构建一个迷你2轨音频播放器。音频由一个html音频元素集中控制,该元素在子组件内有一个轨道列表。可以看到(尚未设置样式的)播放器here.我可以在React开发工具中得知,单击各个音轨选择按钮确实会更新音频元素的src(感谢此处成员的帮助),但是,播放的音频不会改变。我已经在下面发布了应用程序代码。是否可以通过这种方式更新状态来改变正在播放的音频?非常感谢您的帮助。varTRACKLIST=[{id:1,name:"songa",source:"./audio/test.m4a"},{id:2,name:"songb",source:"https://s3-us

javascript - $.get 中的 setState

当在$.get范围内使用this.setState()时,出现以下错误UncaughtTypeError:undefinedisnotafunction它在$.get范围之外工作正常。我该如何解决这个问题?$.get(APIURL,function(data){this.setState({resdata:"Thisisanewstate"});});我不确定将jQueryAJAX替换为其他小型AJAX库的最佳做法是什么。 最佳答案 您可以保存对外部this的引用:varthat=this;$.get(APIURL,function

javascript - 使用 await setState() 是否正确?

我的函数是这样的:this.setState(prevState=>({time:prevState.time+1}),function(){doSomethingWithNewState(this.state.time)})在这种情况下使用await是否正确?像这样:awaitthis.setState(prevState=>({time:prevState.time+1}));doSomethingWithNewState(this.state.time); 最佳答案 您不能等待this.setState原因已经说明。但是您可以

javascript - 如何在 JSX 的 setState 中使用变量

我想在React的JSX文件中的setState函数中使用一个变量。我将如何重组这段代码:varname=e.target.name;if(name=="title"){this.setState({title:e.target.value});}elseif(name=="date"){this.setState({date:e.target.value});}elseif(name=="amount"){this.setState({amount:e.target.value});}进入这样的事情(所以我不再重复自己)?varname=e.target.name;this.setS

javascript - react : TypeError: Cannot read property 'setState' of undefined

我是React新手,正在尝试创建一个登录表单。当用户输入正确的登录信息时,restapi将返回JWTtoken。但是我找不到如何将状态“token”设置为响应的值。我仍然可以将response.token保存到localstorage并正确显示。我认为“this”指向错误的功能,但我怎么能在不破坏逻辑的情况下解决这个问题呢?有什么提示吗?谢谢登录.jsimportReactfrom'react';importaxiosfrom'axios';importGlyphiconfrom'react-bootstrap/lib/Glyphicon';importMyInputfrom'./..

javascript - 在 React 的 setState 期间克隆对象/数组的正确方法

我开始于:constructor(){super();this.state={lists:['Dogs','Cats'],items:{Dogs:[{name:"Snoopy"},{name:"Lola"},{name:"Sprinkles"}],Cats:[{name:"Felidae"},{name:"Garfiled"},{name:"CatintheHat"}]}};}然后我有我的addItem函数:handleAddItem(s){varkey=Object.keys(s)[0];varvalue=s[key];varallItems={...this.state.items