草庐IT

异步组件

全部标签

javascript - 作为异步验证的结果,我如何显示 redux-form 警告?

Redux-forms支持validationerrorsandwarnings.错误会显示一条消息并阻止提交表单,而警告只会显示一条消息。Redux-forms也支持asyncvalidation.我错误地认为异步验证错误和警告会被支持,但事实并非如此。不幸的是warningsarenotofficiallypossiblewithasyncvalidation.目前需要相当大的努力才能摆脱使用redux-forms,所以我试图找到一个足够的解决方法。一种解决方案是手动向表单添加警告。如果这是可能的,那么异步验证可以大部分正常执行,但在最后设置警告,而不是提供预期的错误对象。但我查看

javascript - Vue动态添加不同组件

我想用Vue创建一个简单的表单生成器,用户可以在其中单击菜单中的按钮以向表单添加不同的表单字段。我知道,如果只添加一种类型的表单字段,我可以用这样的方法(https://jsfiddle.net/u6j1uc3u/32/):AddFormElementText和:Vue.component('form-input',{template:'#form-input'});newVue({el:'#app',data:{fields:[],count:0},methods:{addFormElement:function(){this.fields.push({type:'text',pla

javascript - 修复未重新渲染的子组件的方法(由于作为 Prop 而不是状态传递的数据发生变化)?

背景我正在开发一个使用ReactJS作为渲染库的Meteor应用。目前,我在更新数据时重新渲染子组件时遇到了问题,即使父组件正在访问更新后的数据并且应该将其传递给子组件也是如此。父组件是一个数据表。子组件是一个点击编辑日期字段。它(理论上)的工作方式:父组件将现有的日期数据作为prop传递给子组件。子组件获取现有的props数据,处理它并使用它设置一些状态,然后有2个选项:默认:显示数据如果用户单击数据字段:更改为输入并允许用户选择日期(使用react-datepicker),更改状态——当用户单击字段外部时,触发返回以仅显示并保存更新的数据状态到数据库我在表格的每一行中使用了两次子组

javascript - 嵌套在第三方组件中时 Field 的 Formik 包为空

我正在使用Formik的Field组件来呈现这样的输入:(()}/>)}/>这是一个CodeSandbox这说明了这个问题。您会看到,如果将产品列定义与仅将产品呈现为字符串而不是使用Formik输入的定义交换,它工作正常。在上面的代码中,Formik似乎“自动”确定了Formik包formField中的对象的render功能。在我集成我的Field之前,这一直没有问题进入第三方库,在我的例子中,将其呈现在agGrid表的单元格中。当我这样做时,我得到TypeError:this.props.formik.registerFieldisnotafunction浏览器控制台错误。调试此错误

javascript - react 备忘录组件并在将函数作为 Prop 传递时重新渲染

假设我有这些React组件:constCompo1=({theName})=>{return(console.log('Dr.'+theName)}/>);};constCompo2=({theName})=>{functiontheFoo(){console.log('Dr.'+theName);}return();};嵌套组件,包裹在memo中:constNested=React.memo(({foo})=>{return(Clickme);});传入foo的函数是alwaysrecreated在Compo1和Compo2中,正确吗?如果是这样,因为foo每次都会接收到一个新的函数

javascript - 排队异步 HTTP 文件上传

有没有一种方法可以在不借助Flash或Silverlight的情况下对文件上传进行排队,而只需巧妙地使用表单和JavaScript?请注意,上传应异步执行。我所说的“排队”上传是指如果用户尝试上传多个文件,则不应同时传输这些文件,而应在单个HTTP连接中一次传输一个文件。 最佳答案 由于规范的限制,我认为不可能在单个HTTP连接上执行此操作。但是,通过放置可能会得到几乎相同的行为。单独表单中的字段(使用HTML或JavaScript)并按顺序提交。将他们的目标放在上并使用iframe.onload事件触发列表中的下一个表单。补充说明

Javascript:如何通过异步递归树遍历控制流?

我需要在树上递归,以使用异步操作在特定节点上执行操作。如何控制流,以便在完成后可以访问节点?这是一个示例情况:data={name:"deven",children:[{name:"andrew"},{name:"donovan"},{name:"james",children:[{name:"donatello"},{name:"dan"}]},{name:"jimmy",children:[{name:"mike"},{name:"dank"}]}]};我有一个函数,目标是遍历树并大写以'd'开头的所有名称。之后,我想将树传递给另一个函数以做更多的工作(可能删除所有以“a”开头的名

javascript - Angularjs uri组件是如何编码的

我期望AngularJS使用标准javascript函数encodeURIComponent对查询字符串参数进行编码。根据下面的测试不是这样的:describe('$http',function(){it('encodesuricomponentscorrectly',inject(function($http,$httpBackend){vardata='Hellofromhttp://example.com';$httpBackend.expectGET('/api/process?data='+encodeURIComponent(data));$http({method:'GE

javascript - 如何避免这种异步惰性模式?

很多时候,我需要在Javascript中编写这样一个延迟异步加载:if(myvar!=undefined){doSomeTreatment(myvar)}else{loadMyVarAsynchronously().then(function(value){myvar=valuedoSomeTreatment(myvar)})}在这里,myvar是散列的某个属性,而不是局部变量。loadMyVarAsynchronously异步加载myvar的值(例如,使用Promise或JQueryDeferred)是否有一种模式可以避免在此代码中将以下行写两次?doSomeTreatment(my

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal