草庐IT

状态机

全部标签

javascript - 在 React + ES6 中重置初始状态

我在下面有一个类ElementBuilder,当用户保存他们构建的Element时,我希望状态重置为下面的值。我在这个类中有一些我没有提供的函数,但是它们改变了title、size和color的状态。在ES5中,我的类上有一个getInitialState函数,并且可以在一个函数中调用this.getInitialState()。这个元素在我的应用程序中存在于登录用户的生命周期中,我希望默认值始终相同,无论过去的使用情况如何。如何在不编写设置默认值对象的函数的情况下实现这一点(或者这就是答案)?谢谢!classElementBuilderextendsComponent{constru

javascript - 在与 TypeScript 的 react 中使用状态

我是TypeScript的新手。我在显示this.state.something时遇到问题在render方法中或将其分配给函数中的变量。看看最重要的一段代码:interfaceState{playOrPause?:string;}classPlayerextendsReact.Component{constructor(){super();this.state={playOrPause:'Play'};}render(){return(this.playPause=playPause}title={this.state.playOrPause}//inthislineIgetanerr

javascript - 如何使用 TypeScript 为无状态、功能性 React 组件指定(可选)默认 Prop ?

我正在尝试在Typescript中创建一个带有可选props和defaultProps的无状态React组件(用于ReactNative项目)。这对于vanillaJS来说是微不足道的,但我对如何在TypeScript中实现它感到困惑。使用以下代码:importReact,{Component}from'react';import{Text}from'react-native';interfaceTestProps{title?:string,name?:string}constdefaultProps:TestProps={title:'Mr',name:'McGee'}constT

javascript - 使用 C# 连接到 websocket(我可以使用 JavaScript 连接,但 C# 给出状态代码 200 错误)

我是websocket领域的新手。我可以使用这段代码使用JavaScript连接到websocket服务器:varwebSocket=newWebSocket(url);但对于我的应用程序,我需要使用C#连接到同一台服务器。我使用的代码是:ClientWebSocketwebSocket=null;webSocket=newClientWebSocket();awaitwebSocket.ConnectAsync(newUri(url),CancellationToken.None);代码的第3行导致以下错误:"Serverreturnedstatuscode200whenstatus

javascript - 如何使用 setState 插入 React 的状态数组?

我希望在特定索引上修改和排列react并插入元素。这是我的状态:this.state={arr:['','','','']}我想做的是编译这个arr[index]='randomelement'来响应jssetState语法。我试图做的是:this.setState({arr[index]:'randomelement'})但是失败了,你! 最佳答案 使用slice()克隆当前状态。通过这样做,原始状态在setState()之前保持不受影响。克隆后,对克隆的数组进行操作并将其设置为状态。先前的答案将改变状态。阅读有关此内容的信息he

javascript - 如何在 redux 状态更改时更新组件状态?

因为我有一个带有表单的组件,所以我需要将表单连接到组件状态。初始数据来自Redux,因此尝试通过使用props设置状态来初始化和更新组件:componentWillMount=()=>{this.setState({language:this.props.language||'en'})}language是一个连接的Prop,我检查了它是否在商店中更新。constmapStateToProps=state=>({language:state.language})我也尝试过使用componentWillReceiveProps和componentWillUpdate但它不起作用。我得到初

javascript - 有没有办法防止 fastclick 在滚动时触发 “active” 状态?

我正在使用FastClick在具有大链接的页面上,因为我想绕过移动浏览器中点击的300毫秒延迟。我为链接的:active状态设置了“突出显示”样式,并且由于FastClick,它可以快速正确触发。我的问题是——至少在MobileSafari中——它也会在你点击和滑动滚动页面时触发。这让人感觉你无法在不认为你正在尝试点击链接的情况下滚动页面。有没有办法阻止它在有人滚动时触发? 最佳答案 也许您可以将needsclick类添加到正文中?...只是一个想法:) 关于javascript-有没有

javascript - 根据 React 中的状态缓存计算值的惯用方法?

React文档说Don'tworryaboutprecomputingvaluesbasedonstate—it'seasiertoensurethatyourUIisconsistentifyoudoallcomputationwithinrender().http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html当计算量很小时,这非常有意义。但我将大量大型数组存储在this.state中,用于我在SVG上呈现的数据可视化。我必须根据这些计算几个值。问题是这些计算相当繁重,不可能始终在渲染中计算它们。

javascript - 当状态改变时发送带有状态数据的 ajax 请求

我有一个React组件,我在其中使用了一个日期选择器。根据所选的Date值,我发送了一个ajax请求来获取数据。我没有使用任何框架,例如redux或flux。exportdefaultclassMyComponentextendsComponent{constructor(props){super(props);}componentDidMount(){//Initialfetchrequestbasedonthedefaultdate}onDateSelectionChanged(fromDate,toDate){this.setState({fromDate,toDate});}r

javascript - 如何在一个简单的 RxJS 示例中不使用主题或命令式操作来管理状态?

我已经用RxJS试验了两个星期了,虽然我原则上喜欢它,但我似乎无法找到并实现管理状态的正确模式。所有文章和问题似乎都同意:Subject在可能的情况下应该避免,以支持通过via转换来插入状态;.getValue()应该完全弃用;和.do除了DOM操作外,也许应该避免?所有这些建议的问题在于,除了“您将学习Rx方式并停止使用Subject”之外,似乎没有任何文献直接说明您应该使用什么。但是我在任何地方都找不到一个直接的例子,它专门指示以无状态和功能的方式对单个流/对象执行添加和删除的正确方法,这是多个其他流输入的结果。在我再次指出相同的方向之前,未发现文献的问题是:TheIntroduc