小编Ric*_*ior的帖子

如何对React-Redux连接组件进行单元测试?

我正在使用Mocha,Chai,Karma,Sinon,Webpack进行单元测试.

我按照此链接配置了React-Redux Code的测试环境.

https://medium.com/@scbarrus/how-to-get-test-coverage-on-react-with-karma-babel-and-webpack-c9273d805063#.7kcckz73r

我可以成功测试我的动作和reducers javascript代码,但是当涉及到测试我的组件时,它总是会产生一些错误.

import React from 'react';
import TestUtils from 'react/lib/ReactTestUtils'; //I like using the Test Utils, but you can just use the DOM API instead.
import chai from 'chai';
// import sinon from 'sinon';
import spies from 'chai-spies';

chai.use(spies);

let should = chai.should()
  , expect = chai.expect;

import { PhoneVerification } from '../PhoneVerification';

let fakeStore = {
      'isFetching': false,
      'usernameSettings': {
        'errors': {},
        'username': 'sahil',
        'isEditable': false
      },
      'emailSettings': {
        'email': 'test@test.com',
        'isEmailVerified': false,
        'isEditable': false …
Run Code Online (Sandbox Code Playgroud)

unit-testing mocha.js sinon reactjs redux

48
推荐指数
3
解决办法
2万
查看次数

如何在Web App Service中使用"Azure文件存储"?

我一直在努力寻找一些有助于解释的资源,以及我们如何将文件存储与Web App Service一起使用.

有一些方法可以将它与旧的Web角色一起使用,请点击此处http://fabriccontroller.net/blog/posts/using-the-azure-file-service-in-your-cloud-services-web-roles-and-工人角色/

但是,"Azure Web服务"中没有OnStart()方法.

c# asp.net-mvc azure azure-web-sites azure-files

21
推荐指数
2
解决办法
2万
查看次数

create-react-app --typescript:提供“ --isolatedModules”标志时,无法编译名称空间

我生成一个项目npx create-react-app my-app-ts --typescript
然后我创建了两个文件,sw-build.jssw.jssrc/

的代码sw-build.jssw.js来自(Guidlines用于使用针线)。

发生错误:

Cannot compile namespaces when the '--isolatedModules' flag is provided.
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

我该怎么办?

typescript reactjs

11
推荐指数
1
解决办法
6146
查看次数

React.js:避免更新当前编辑的输入

双转换问题

演示:http://jsfiddle.net/NV/qQ5Cs/

/**
 * @jsx React.DOM
 */
var NumberField = React.createClass({
    render: function() {
        return <input type="number" value={this.props.value} onInput={this.onInput}/>;
    },
    onInput: function(e) {
        if (!this.props.onValueChange) {
            return;
        }
        var value = parseInt(e.target.value, 10);
        return this.props.onValueChange(value);
    }
});

var TempConverter = React.createClass({
    getInitialState: function() {
        return {c: 0};
    },
    render: function() {
        var c = this.state.c;
        return <p>
            <NumberField onValueChange={this.onChangeC} value={c}/> C
            <br/>
            <NumberField onValueChange={this.onChangeF} value={c2f(c)}/> F
        </p>;
    },
    onChangeC: function(c) {
        this.setState({c: c});
    },
    onChangeF: function(f) {
        this.setState({c: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

10
推荐指数
1
解决办法
4378
查看次数

使用mongoose通过update方法在mongodb中为现有文档添加新字段

我正在尝试使用node.js中的mongoose更新mongodb文档

如果该字段存在,则更新有效,但如果该字段不存在,则更新将不起作用.

我想在文档中添加新字段.

MongoDB查询(https://docs.mongodb.com/v3.2/reference/operator/update/set/#behavior)正在运行:

db.getCollection('users').update({ 'uid': 'uid' }, { $set: { 'vehicle_status': 'bike' } })  
Run Code Online (Sandbox Code Playgroud)

但是当它在mongoose中完成时它将无法工作.使用$ set不会添加字段.

User.update({ uid: uid }, { $set: { vehicle_status: vehicleSatus } }, { multi: true })
Run Code Online (Sandbox Code Playgroud)

mongoose mongodb node.js

10
推荐指数
2
解决办法
2万
查看次数

我如何创建Android的贴纸包,就像我在iOS for iMessage中一样?

在Xcode(适用于iOS设备)中,我只需单击一个显示"新贴纸包应用程序"的按钮,并且(魔术!)就在那里,无需编码.我只是添加图像并将其上传到应用商店.超级简单!

Android现在允许贴纸通过Gboard.

但是,据我所知,您已经需要一个贴纸应用程序,以便按照我可以找到的任何方向添加到Gboard.但是你如何创建一个贴纸应用程序呢?

在上述两个链接中都可以看到这条美妙的路线:"为了解决问题,您需要添加Firebase应用程序索引库."

"加?" 加什么?

我发现并下载了它,认为它可能是模板或其他东西.但我无法让它在Android Studio中运行.

它确实有这些非常棒的说明:"从你的firebase项目中获取Google-service.json."

"Firebase项目?" 什么火力棒项目?

如何创建贴纸包应用程序,我可以"添加"Firebase应用程序索引库,以便贴纸应用程序将显示在Gboard上?在iOS中这么容易!

也许Firebase有贴纸包装模板或东西,我想.但他们似乎并没有我能说的那么多.

FWIW,我不反对在必要时编写代码.想知道需要编写什么代码真是太好了!在哪里放!

链接到一个无所事事的完成 - 所有内容和上传到应用程序商店教程绝对是太棒了.在这一点上我唯一真正需要帮助的就是制作PNG!

提前致谢!

android firebase android-studio gboard

10
推荐指数
1
解决办法
2596
查看次数

上传图片asp.net Core

我是ASP.net CORE的新手,我想上传一个文件(图像)并将其存储在一个独立的文件夹中.我一直在关注这个tuto https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads但我不知道如何将它存储在一个文件中,它刚刚上传到服务器上这是html:

<form method="post" enctype="multipart/form-data" asp-controller="UploadFiles" asp-action="Index">
<div class="form-group">
    <div class="col-md-10">
        <p>Upload one or more files using this form:</p>
        <input type="file" name="files" multiple />
    </div>
</div>
<div class="form-group">
    <div class="col-md-10">
        <input type="submit" value="Upload" />
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是控制器

[HttpPost("UploadFiles")]
public async Task<IActionResult> Post(List<IFormFile> files)
{
long size = files.Sum(f => f.Length);

// full path to file in temp location
var filePath = Path.GetTempFileName();

foreach (var formFile in files)
{
    if (formFile.Length > 0)
    {
        using (var stream = new …
Run Code Online (Sandbox Code Playgroud)

c# asp.net asp.net-mvc razor

9
推荐指数
2
解决办法
2万
查看次数

如何在反应中单击按钮时获取输入字段值?

你能告诉我如何在点击按钮获取输入字段值的反应,我使用的反应挂钩。我想first namelastname按钮点击的价值。我已经name在我的函数组件中传递了属性。

这是我的代码

import React, { Component, useState } from 'react';
import { render } from 'react-dom';

export default function InputField({name,label}) {
  const [state, setState] = useState('')
  return (
    <div>
     <label>{label}</label>
      <input type="text" 
      value={state} 
      name={name}
      onChange={(e) => setState(e.target.value)} />

      {state}
    </div>
  );

}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

9
推荐指数
2
解决办法
2万
查看次数

Hooks:使用useReducer 时组合多个reducer?

我想在作为第一个参数传递给useReducer. 这是因为我的 reducer 函数依赖于多个switch(首先操作,然后是水果类型)。

我查过“嵌套减速器”,但这些问题的解决方案似乎都与 redux 和 相关combineReducers,其中没有与 Hooks 等效的。

演示代码(即使 codeandbox 再次关闭):

它实际上并没有显示在代码和框中(因为沙箱本身不能正常工作)但是在我自己的机器上Uncaught TypeError: fruits.apples.map is not a function我点击添加按钮后得到。但是,在此之前,map工作正常,所有项目都按预期呈现。

reactjs react-hooks

8
推荐指数
2
解决办法
5475
查看次数

在Mobile Safari中反应PWA图片上传会中断应用程序?

令我们感到惊讶的是,我们在网上的任何地方都找不到任何提及此事的消息,因此我们在这里发布,希望找到解决方案。

当我们遇到此问题时,请在下面运行2个易于遵循的测试,以解决问题,使用iPhone,一种有效,一种无效。

这是链接 https://pwa-react.netlify.com/

这是我们运行的2个测试(均在链接中列出),一个在非PWA模式下有效,另一个在PWA模式下失败。

测试#1:完美运行(预期行为)

Visit https://pwa-react.netlify.com/ from iPhone in mobile safari
1. Make sure you have google drive on the phone but not logged in.
2. Click "Choose File". It will show you the list of options to choose from.
3. Click "Browse" to look for the photo.
4. Click "Cancel" and you're back here.
5. Click "Choose File" it will still show you the list of options to choose from.
   This works perfectly in mobile safari but …
Run Code Online (Sandbox Code Playgroud)

safari mobile-safari ios reactjs progressive-web-apps

7
推荐指数
1
解决办法
356
查看次数