草庐IT

Node-React

全部标签

javascript - Node : Testing with sinon and async/await

使用sinon和async/await运行此测试时遇到问题。这是我正在做的一个例子://infilefuncsasyncfunctionfuncA(id){leturl=getRoute53()+idreturnawaitfuncB(url);}asyncfunctionfuncB(url){//emptyfunction}和测试:letfuncs=require('./funcs');...//describeletstubRoute53=null;letstubFuncB=null;letroute53='https://sample-route53.com/'letid='123

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - 在 Node JS 中将文件循环到数组中时存储 fs.stat

我循环访问目录中的文件并将文件详细信息存储到数组data中。如果我不尝试运行fs.stat来获取诸如文件创建/编辑日期之类的信息,则以下代码将填充数组:fs.readdir('../src/templates',function(err,files){if(err){throwerr;}vardata=[];files.forEach(function(file){try{fs.stat('../src/templates/'+file,(error,stats)=>{data.push({Name:file,Path:path.join(query,file)});});}catch

javascript - React Native - onChangeText 和 onSubmitEditing 之间的区别?

从FacebookReactNativeTextInput文档中,我能够辨别出这是在使用onSubmitEditing时发生的情况:Callbackthatiscalledwhenthetextinput'ssubmitbuttonispressed.但是,onChangeText没有任何内容。我假设如果文本已更改,那么它将触发。为什么我要使用一个而不是另一个?例如,如果我正在为TextInput字段制作文本,难道我不想使用onChangeText吗?在某些示例中,我看到他们使用了onSubmitEditing并且我对为什么要使用其中一个感到困惑。这个问题不同于想知道如何制作提交按钮-

javascript - 将 react redux 与 next.js 结合使用

我尝试将Redux与next.jsstarter结合使用项目,我在项目上安装了next-redux-wrapper但我不确定这个项目的根文件在哪里。我尝试按照next-redux-wrapper上显示的教程进行操作但没有成功。没有任何变化。请帮助我如何将Redux添加到项目中。问候。 最佳答案 Next.js使用App组件来初始化页面。您可以覆盖它并控制页面初始化。虽然这个演示是针对next.js的,但它应该适用于nextjs-starter。安装next-redux-wrapper:npminstall--savenext-red

javascript - 通过 React Router 的 withRouter HOC 转发 ref

我想设法专注于我用withRouter包装的组件。但是,当我给组件一个ref时,我收到一条关于将ref分配给无状态组件的警告。我假设这是因为ref被附加到withRouterHOC而不是我的组件,因为它是有状态的。我的一般设置如下所示://InnerComponent.jsclassInnerComponentextendsComponent{constructor(props){super(props);}}exportdefaultwithRouter(InnerComponent);//App.jsclassAppextendsComponent{constructor(prop

javascript - React 备忘录功能给出 :- Uncaught Error: Element type is invalid: expected a string but got: object

我有以下功能组件:-importReactfrom'react'import{Dropdown}from'semantic-ui-react'constDropDownMenu=(props)=>{constoptions=[{key:'fruits',text:'fruits',value:'Fruits'},{key:'vegetables',text:'vegetables',value:'Vegetables'},{key:'home-cooked',text:'home-cooked',value:'Home-Cooked'},{key:'green-waste',text:

javascript - React-testing-library:因输入而改变

我正在尝试测试组件是否会因输入元素的更改而更新。我使用fireEvent.change()函数,如果我随后检查我使用getByPlaceholderText找到的节点的值,它已按预期更新。但是我看不到react组件本身的变化。这可能是因为更改直到重新渲染才会发生;我将如何测试这个?react-testing-library的rerender似乎“从头开始”启动组件(即没有新的输入值),并且waitForElement永远找不到它在等待什么。这是组件TestForm.js:importReactfrom'react';import{withState}from'recompose';co

javascript - react : Prevent scroll when modal is open

我有一个自定义模态组件。当它打开时,后台没有任何滚动。我试过下面这段代码:componentDidMount(){document.body.style.overflow='hidden';}componentWillUnmount(){document.body.style.overflow='unset';}一开始似乎可行,但是当我使用模态组件时,在另一个页面中,即使模态关闭也没有滚动。有更好的解决方案吗?我的模态组件:exportclassModalextendsReact.Component{constructor(props){super(props);}componentD

javascript - 了解异步 React 渲染

我刚开始学习React,我想知道为什么下面的代码不能按预期工作。我以为它会显示Thenumbers:0123但它只显示0。我也对基于类的组件使用了相同的方法,并使用了钩子(Hook),但我仍然得到相同的结果。我对使用异步代码进行react渲染有什么不理解的?importReactfrom"react";importReactDOMfrom"react-dom";functionApp(){letnumbers=[0];fetch("some.url").then(res=>res.json()).then(list=>{for(letnoflist){numbers.push(n);}