草庐IT

acts-as-state-machine

全部标签

javascript - react.js 中 props 和 state 的混淆

我遵循了教程并得出了这个https://jsbin.com/foxoxejilu/1/edit?js,output使用react.js。我对Prop和状态感到困惑。在Note组件的save方法中,这一行做了什么this.props.onChange(this.refs.newText.value,this.props.id)而且我在代码的其他地方没有看到onChange和onRemove函数,这是React的预构建函数吗?React如何知道DOM已更改或删除? 最佳答案 我们可以这样总结正在发生的事情:一位家长(Board)将她的c

javascript - 文本编辑器的 Redux 架构 : dealing with coupled state

我正在使用React/Redux构建一个在某些方面类似于文本编辑器的应用程序。它不完全是一个文本编辑器,但它是相同的通用范例。有一个用于放置新项目的光标。可以添加、选择、删除项目等。我正在努力寻找一种符合redux精神的最佳方式来构建我的reducer。我有单独的状态切片来表示选择状态、文本本身、光标状态和其他设置。我认为“redux”方法是为每个状态切片设置缩减器,独立地改变状态以响应Action。然而,在文本编辑器中,这些状态片比乍看之下更加耦合。当你按下一个键时,有时会在光标所在的位置添加一个字母,并且光标会向前移动。但是,如果选择了文本,则将首先删除所选文本。如果您处于“插入”

javascript - 函数名中的 'state' 和 'status' 有什么区别?

就绪状态状态文本onreadystatechange窗口状态英语中“state”和“status”有什么区别? 最佳答案 不多。我倾向于说状态指的是更详细的信息,但这是主观的。对于这些:XMLHttpRequest.readyState-请求的5种可能状态之一XMLHttpRequest.statusText-HTTP响应状态的文本等价物(例如“200OK”)XMLHttpRequest.onreadystatechange-readyState改变时调用的函数window.status-状态栏文本(通常在窗口左下方)

javascript - express /Node.js : Render custom javascript as response

在我的应用程序中,我需要提供一个API(类似于GoogleMapsjavascriptAPI),通过它我可以发送一些自定义javascript(带有一些session和请求相关信息)作为响应。然后使用javascript在UI上绘制一些图形。我使用ExpresswithJade作为我的模板引擎。我目前使用的代码是:app.use('/graph',function(req,res){//sendoutgraphdatavarvar_name=req.session.var_name//fetchsomethingfromsessionvargraphData=fetchGraphDat

javascript - 使用哈希 url 卡在 Angular ui-router State.go 上?

我正在研究ui-router。我有一个状态:.state('new-personal-orders',{url:'/orders/new-personal-orders/:catId?',template:''})在我的Controller中,我可以使用$state.go('new-personal-orders',null,{reload:true})在Html文件中我有一个anchor标记:Link如果标签被点击,状态就会改变,'new-personal-orders'变成当前状态,在url中有尾随散列。然后url看起来像:http://localhost:3000/orders/

javascript - React - 当从 API 获取数据时,this.state 在 render 中为 null

我试图通过制作一个简单的应用程序来学习react,我试图从服务器获取json格式的数据,然后将其呈现给View。问题是我收到一个错误,它说this.state.data为空。我该如何解决这个问题?代码:classAppextendsReact.Component{constructor(){super();//Querydatafetch('http://localhost:8080/api?access_token=56d847accb86bddc243d4b93').then(response=>response.json()).then((data)=>{this.setStat

java - Java正则表达式与ECMA-262(AS、JS)的区别

我需要将Java正则表达式转换为Actionscript正则表达式。显然没有任何预制转换器,所以我正在尝试自己编写一个。是否有任何资源可以列出所有差异?我知道regular-expressions.info,但那里似乎没有完整的差异列表。谢谢 最佳答案 我不知道任何现有的转换器,但如果您的目标具体是ActionScript而不仅仅是任何ECMA-262实现,那么这项工作可能比您预期的要容易。AS3由PCRE提供支持,和PHP的preg_函数一样,所以和Java一样支持lookbehind、atomicgroups和possessiv

javascript - 如何使用 mocha/chai/chai-as-promised 测试 ES7 异步函数

我有以下功能要测试://...constlocal=newWeakMap();exportdefaultclassUser{//...asyncpassword(password){if(!password)returnlocal.get(this).get('hash');//removethisforsecurityreasons!if(password.length现在我想用mocha测试这个函数,chai和chai-as-promised做这个测试用例:importchaifrom'chai';importchaiAsPromisedfrom'chai-as-promised'

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 - UI-路由器 : param values not valid for state

githubrepo对于这个问题。我完全没有希望了。我创建了一个angular1.5.8应用程序,它在屏幕上显示Node。有两种类型的Node-文件夹和图片。当点击图片Node时,它应该使用ui-router传递params,我按照ui-router文档说的做.{{picture.url}}的插值和其他一切工作正常并提供正确的文件路径。奇怪的是,当我手动执行时,请转到:/picture/url它传递文件的路径。我得到的错误是:Paramvaluesnotvalidforstate'picture'app.config(function($stateProvider,$urlRouteP