草庐IT

函数组件

全部标签

javascript - 如何对调用另一个返回 promise 的函数进行单元测试?

我有一个使用express4的node.js应用程序,这是我的Controller:varservice=require('./category.service');module.exports={findAll:(request,response)=>{service.findAll().then((categories)=>{response.status(200).send(categories);},(error)=>{response.status(error.statusCode||500).json(error);});}};它调用我的服务返回一个promise。一切正常

javascript - 在 express.js 启动之前运行异步函数

我想在启动我的应用程序之前运行异步操作(例如,等待URL调用完成)。我不知道该怎么做(因为它是一个上层应用程序-这里没有async/await)。www.js:varapp=require('./app');varhttp=require('http');constport='3000';app.set('port',port);varserver=http.createServer(app);server.listen(port);应用程序.js:varexpress=require('express');varapp=express();varPromise=require('bl

javascript - 未捕获的类型错误 : e. doDrilldown 不是函数 - Highcharts

我在我的React项目中使用了highcharts。我在我的模块中导入了highcharts。预期的行为是能够使用多个向下钻取实例。当向下钻取实际工作正常时,引发的异常e.doDrilldown不是函数。这发生在我的节点环境中,其中每个图都在自己的模块中,并且不知道其他图的存在。我尝试添加检查以查看是否已导入向下钻取。我尝试使用webpack来确保模块只加载一次。我目前在这样的一个文件中使用它importDrilldownfrom'highcharts/modules/drilldown';importHighchartsfrom'highcharts/highmaps.src.js'

javascript - 没有模型更改的 Angular 2 组件模型刷新 View

我有一个Angular2.4.0应用程序,我正在处理一个表单,该表单有一些支持Javascript验证/格式化几个字段。字段格式化完成后,如果格式化返回的值与附加到模型的原始值匹配,则View不会更新。有没有办法强制更新View?由于没有模型更改,因此强制组件刷新没有任何效果。我猜我需要用jQuery之类的东西单独更新View,但我想先检查是否有更好的解决方案。组件:导出类组件{字段:字符串formatField(updatedField:string){this.field=updatedField.replace(newRegexp("[^\\d]","g"),"");//remo

javascript - 在调用另一个函数时运行一个函数

我想知道如何在调用另一个函数时运行一个函数。addEventListener仅运行“单击”、“鼠标悬停”等事件。但是,我想监听函数调用。示例:函数1被调用。之后,Function2运行,因为它看到调用了Function1。是否有简单函数而不是事件的addEventListener替代方案?我似乎找不到任何东西。我的目标是在用户每次执行某些操作时简单地运行一个函数,例如当某些东西隐藏在jQuery中或被另一个JavaScript库隐藏时调用,或者只是另一个外部JavaScript文件和我添加的一些代码。 最佳答案 介绍一种非常hack

javascript - React - 加载 JSON 并渲染组件

正如标题所说,我正在尝试渲染一个React组件,其中包含我通过使用fetch()加载从JSON中获取的数据。api调用工作正常,但我无法呈现数据。代码如下:classAppextendsReact.Component{constructor(props){super(props);this.state={user:{}}}getUserById(uId){fetch(`https://jsonplaceholder.typicode.com/users/${uId}`).then((response)=>{returnresponse.json()}).then((json)=>{re

javascript - 在 React Router v4 中获取未定义的组件

刚刚升级到react-router-dom4.0.0.我所有的组件都是常规的classes或粗箭头。它们都是使用exportdefaultThatComponent导出的.但是我得到了这个:未捕获错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能忘记了从定义组件的文件中导出组件。检查Router的渲染方法.//minimalshowcaseimport{BrowserRouter,Match,Miss}from'react-router';constRouter=()=>({/*bothMatchandMisscomponentsbelowc

javascript - 如何将动态 Prop 绑定(bind)到 VueJS 2 中的动态组件

我想知道如何迭代组件名称列表(来自对API服务器的AJAX调用)并将它们呈现为组件,并将相关属性传递给每个组件(即动态绑定(bind)它们的属性).到目前为止,我已经设法迭代表示组件的项目的JSON列表,并成功呈现这些组件。我现在想做的是使用v-bind绑定(bind)每个组件的属性。在下面的示例中,item-one组件将接收具有item1.jpg值的image属性;item-two组件不会收到任何属性。importItemOnefrom'../components/item-one'importItemTwofrom'../components/item-two'exportdefa

javascript - 具有受控输入的无状态 React 组件

目前,为了使受控输入在无状态React组件中工作,我将无状态组件包装在Sate完整组件中。例如,constInputComponent=(props)=>{return();}classAppextendsReact.Component{constructor(props){super(props);this.state={name:'Tekeste'};this.handleChange=this.handleChange.bind(this);}handleChange(event){this.setState({name:event.target.value});}render(

javascript - 将数据从子组件传递到父组件 - react - 通过回调函数

通过回调函数将数据从子组件传递到父组件但不知何故它不起作用。我在这里做错了什么?将数据从子组件传递到父组件-react-通过回调函数https://codepen.io/silentarrowz/pen/GEMQEP?editors=0010这是代码classAppextendsReact.Component{constructor(props){super(props);this.state={input:'thisistheinputfornow'}//this.handleInput=this.handleInput.bind(this);}handleInput(x){this