草庐IT

form_number

全部标签

javascript - 使用 TypeScript 和 React 输入 redux forms v7

我有一个简单的react-redux驱动的表单。我希望有一个form.container.tsx和一个form.component.tsx,其中form.container.tsx包含与redux状态减去Field的所有连接。我试图将我的容器包装在react-redux的连接中,然后将reduxForm包装在其中,看起来像TypeScript,redux-formandconnect:(理想)form.container.tsx:interfaceDummyFormContainerProps{}exportconstDummyFormContainer:React.SFC=props

javascript - Angular 2 : Validate child component form fields from the parent component

问题陈述:父组件有标签和一些里面的标签,子组件也有一些标签,父组件有一个我们正在验证提交表单时的表单字段。如何验证子组件来自父组件的字段submit表格?要求:如果父组件的表单包含带有input的子组件模板中的组件,然后是这些input如果从父组件提交,组件应该在点击时验证。调查结果:SO中有很多帖子有相同的问题陈述,但没有找到任何合适的解决方案。以下所有帖子都验证了整个表单,但我的要求是验证子组件中的每个字段。Angular2validationtogetherwiththechildcomponentAllowtemplate-drivenforminputsacrossacomp

javascript - React + 语义-UI : Using Forms inside UI MODAL

在没有React的普通旧语义UI中,我已经能够毫无问题地将表单放入模态框内。使用Semantic-UI+React版本,我能够在模态内显示表单,但它并没有像我期望的那样工作。例如,模态显示后,模态内的表单也显示出来。如果我开始在输入字段中输入,则会显示此错误:Error:InvariantViolation:findComponentRoot(...,.1.1.1.0.4.0.0.1):Unabletofindelement.ThisprobablymeanstheDOMwasunexpectedlymutated(e.g.,bythebrowser),usuallyduetoforg

javascript - react : Are there respectable limits to number of props on react components

有时我的组件具有大量属性。这有什么固有的问题吗?例如render(){const{create,update,categories,locations,sectors,workTypes,organisation}=this.props;//eslint-disable-lineno-shadowreturn();}最佳实践是什么? 最佳答案 我认为您刚刚发现了代码味道。任何时候你有那么多输入(Prop)到一个函数(组件),你必须质疑,你如何用参数组合的所有排列来测试这个组件。使用{...this.props}传递它们只会减少打字,

javascript - typescript : check a string for number

我是网络开发的新手,在我的函数中想检查给定的字符串值是否为数字。如果字符串不是有效数字,我想返回null。以下适用于所有情况,除非字符串为“0”,在这种情况下它返回null。parseInt(columnSortSettings[0])||null;如何防止这种情况发生。显然parseInt不会将0视为整数! 最佳答案 因为0是假的,所以你可以使用isNaN()在这种情况下varres=parseInt(columnSortSettings[0],10);returnisNaN(res)?null:res;

javascript - 使用多个小数点对 'numbers' 进行排序

我有一堆有多个小数点的“数字”(所以它们实际上是字符串)。但是,我想对它们进行排序,就好像它们是数字一样。1.1.110.2.32.6.721.10.43.10.124.11.54.1.166.4.23我希望他们按第一组数字(第一个小数点之前)排序,然后按第二组数字排序,然后按第三组数字排序(可能会持续第四组或更多)。他们应该按以下顺序进行:1.1.12.6.73.10.124.1.164.11.56.4.2310.2.321.10.4使用JS执行此操作的最佳方法是什么?我在想我可能需要将每个数字分解成一个数组,但也许有更好的方法。想法? 最佳答案

javascript - JavaScript 中的 "new Number(...)"和 "Number(...)"有什么区别?

在Javascript中,reliablewaystoconvertastringtoanumber之一是Number构造函数:varx=Number('09');//9,becauseitdefaultstodecimal灵感来自thisquestion,我开始想知道——上面和之间有什么区别:varx=newNumber('09');Number当然看起来更好,但它似乎对构造函数的使用有点不合适。在没有新的情况下使用它有任何副作用或有什么不同吗?如果没有区别,为什么不呢?new的目的是什么? 最佳答案 在第一种情况下,您使用的是N

javascript - 如何设置 dijit.form.Select 的宽度?

我有一个以编程方式生成的dijit.form.Select。与大多数其他小部件不同,Selects不提供像这样的调整大小方法dijit.resize({w:width,h:height});我还没有找到设置选择宽度的标准化方法。这非常糟糕,因为自动调整大小会使对话框在长选择值上“爆炸”。是否有一种标准方法可以调整我错过的选择的大小?还是我用困难的方式弄乱了select的标记?谢谢! 最佳答案 这可以使用CSS通过设置内部标签的宽度来实现,如下所示:.tundra.dijitSelect.dijitButtonText{text-al

javascript - 谷歌地图 API v3 : computeDistanceBetween method and distance in metric form

我想以公制形式计算位置之间的直接距离。(即:从A到B,以公里为单位)。没看懂computeDistanceBetween方法以单位返回。谢谢 最佳答案 以米为单位。要转换为公里除以10241000,obviously.google.maps.geometry.spherical.computeDistanceBetween(Moscow,Leningrad);//679601m对了,这个库方法的底层代码是基于Haversineformula的. 关于javascript-谷歌地图APIv

javascript - 是什么导致错误 "Uncaught TypeError: number is not a function"

我有一个更新表单的onchange事件,在更新过程中它调用一个函数来计算运费。我不确定为什么,但是当我尝试调用该函数时出现以下错误:未捕获的类型错误:数字不是函数shipping函数如下所示:functionshipping(weight){varflatswitch(weight){case1:case2:case3:flat=32.00;break;case4:flat=18.50;break;case5:flat=15.80;break;case6:flat=14.00;break;case7:flat=12.71;break;case8:flat=11.75;break;cas