小编nit*_*918的帖子

Typescript React:类型推断不适用于回调引用

我的反应组件只需要一个回调引用。我使用 useState 作为回调引用。

const [refElement, setReference] = useState(null); 
 
Run Code Online (Sandbox Code Playgroud)

内部渲染:

<div
// this ref is throwing ts error
   ref={setArrowElement}
   style={styles.arrow}
   id="arrow"
/>
Run Code Online (Sandbox Code Playgroud)

打字稿错误:开tsc

- error TS2322: Type 'Dispatch<SetStateAction<null>>' is not assignable to type 'string | ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined'.
  Type 'Dispatch<SetStateAction<null>>' is not assignable to type '(instance: HTMLDivElement | null) => void'.
    Types of parameters 'value' and 'instance' are incompatible.
      Type 'HTMLDivElement | null' is not assignable to type 'SetStateAction<null>'.
        Type 'HTMLDivElement' …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

8
推荐指数
1
解决办法
3181
查看次数

找不到模块:错误:与webpack捆绑时无法解析模块'module'mongodb

当我尝试在节点应用程序中使用mongoose connect时,Webpack会抛出以下错误.

最初还有一些错误,比如,

Module not found: Error: Cannot resolve module 'fs' 
Run Code Online (Sandbox Code Playgroud)

在我的webpack配置文件中进行以下更改就可以了,

  • 我在webpack配置文件中添加了node-loader和node对象.

    node:{console:'empty',fs:'empty',net:'empty',tls:'empty'},

但是波纹管错误仍然存​​在.知道怎么解决吗?

WARNING in ./~/mongoose/~/mongodb/~/mongodb-core/~/require_optional/index.js
Critical dependencies:
63:18-42 the request of a dependency is an expression
71:20-44 the request of a dependency is an expression
78:35-67 the request of a dependency is an expression
 @ ./~/mongoose/~/mongodb/~/mongodb-core/~/require_optional/index.js 63:18-42 71:20-44 78:35-67

WARNING in ./~/mongoose/~/mongodb/~/mongodb-core/~/require_optional/README.md
Module parse failed: /Users/nitesh/Documents/learnReact/day1/r3-foundation-boilerplate/node_modules/mongoose/node_modules/mongodb/node_modules/mongodb-core/node_modules/require_optional/README.md Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '#' (1:0)
    at …
Run Code Online (Sandbox Code Playgroud)

mongoose mongodb node.js webpack

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

当你在 Javascript 中“从 someModule 导入 someModuleName”时会发生什么

我理解当你想在多个地方重用一个模块时。您可以: module.exports = yourModuleClassNamein 使该模块可导出。

接下来,当您想在其他地方使用它时,只需导入它即可,如下所示:import yourModuleClassName from 'yourmodulePath'

我完全理解上述概念,对此我没有任何疑问。今天,我更关心的是,导入包时会发生什么:

就像导入 redux-form 包一样:

所以首先我这样做:npm install redux-form

接下来发生的事情是我要做的:import redux-form from redux-form 在我的模块中使用它。

现在,当我查看 npm 安装的软件包时。例如; 当我查看redux-form我的文件夹下的文件夹时node-modules。这是一个完整的项目,有server.js自己package.json的项目,其他项目npm package installs也发生同样的情况。我完全明白它们是一个独立的模块(但更大),并且它们的工作方式与我的本地独立模块相同。

但我在那里没有找到任何东西module.exports,那么它们如何导入呢?当然,NODEJS我正在施展一些魔法,让它们在我的所有项目中都可以导入。但是,它到底是如何做到的呢?假设我在 node_modules 文件夹中保存了一个模块,但我不认为它是可导入的(我知道没有人会这样做,只是好奇!)。如果NODE负责使其可导入,那么它如何处理我不想导入但我希望它们位于文件夹中的文件node_modules

此外,这些模块都有自己的模块server.jswebpack.configs当我在这些包上调用 import 时它们是否会被执行,如果没有,那么它们到底是如何工作的。

我问这个问题是因为我正在尝试独立npm package,并且我想了解它们是如何工作的。还有一个类似的问题;导入包时会发生什么? 但更倾向于python。任何人都可以为 NODEJS 解释这个问题。如果网上有任何可用资源,请指导我,我将非常感激。

感谢致敬。

javascript import module node.js npm

6
推荐指数
1
解决办法
1573
查看次数

浏览器中的人体3D建模?

我目前正在做一个个人项目(服装电子商务网站),我想为客户创建一个虚拟的试用室。为此,我将它们的身高,体重和身体形状等作为输入,并基于这些输入,我想即时创建其身体的3D模型。然后他们可以从衣服中挑选衣服,看看它们在这些模型上的外观。

经过研究后,我知道,为了实现这一目标,three.js和webgl应该是我的主要武器。

我也碰到了这个很棒的网站https://zygotebody.com/ ,我发现这很有启发性,这里太先进了,我只想创建他们的3D模型。

如果你们能以正确的方向指导我,并指出一些实现此目标的方法,我将不胜感激。我知道我尚未对此进行完整的研究,但是在这里提出这个问题也是我研究的一部分。我不想以错误的方向上手,所以我认为一些专业建议是没有害处的。

谢谢。

webgl 3d-modelling three.js html5-canvas

5
推荐指数
1
解决办法
5322
查看次数

Heroku错误:无法找到模块webpack

heroku local web工作正常,但heroku open抛出应用程序错误.

我检查了日志文件.它说:找不到模块webpack.完整的日志文件.

Niteshs-MacBook-Pro:nyps nitesh$  heroku logs --tail
2016-06-16T03:40:53.132495+00:00 heroku[api]: Enable Logplex by nitesh@campusdiaries.com
2016-06-16T03:40:53.132551+00:00 heroku[api]: Release v2 created by nitesh@campusdiaries.com
2016-06-16T03:45:07.332337+00:00 heroku[api]: Deploy 690eea8 by nitesh@campusdiaries.com
2016-06-16T03:45:07.332405+00:00 heroku[api]: Release v3 created by nitesh@campusdiaries.com
2016-06-16T03:45:07.331714+00:00 heroku[api]: Scale to web=1 by nitesh@campusdiaries.com
2016-06-16T03:45:07.704674+00:00 heroku[slug-compiler]: Slug compilation finished
2016-06-16T03:45:07.704663+00:00 heroku[slug-compiler]: Slug compilation started
2016-06-16T03:45:14.763803+00:00 heroku[web.1]: Starting process with command `node server.js`
2016-06-16T03:45:17.000120+00:00 app[web.1]: module.js:341
2016-06-16T03:45:17.000129+00:00 app[web.1]:     throw err;
2016-06-16T03:45:17.000135+00:00 app[web.1]: 
2016-06-16T03:45:17.000135+00:00 app[web.1]:     ^
2016-06-16T03:45:17.000140+00:00 app[web.1]: Error: Cannot …
Run Code Online (Sandbox Code Playgroud)

heroku node.js

5
推荐指数
1
解决办法
3022
查看次数

禁用基础手风琴的可点击性

我有一个像这样的基础手风琴. 在此输入图像描述

<ul class="accordion" data-accordion>
  <li class="accordion-navigation">
    <a href="#panel1a">Accordion 1</a>
    <div id="panel1a" class="content active">
      Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </li>
  <li class="accordion-navigation">
    <a href="#panel2a">Accordion 2</a>
    <div id="panel2a" class="content">
      Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore …
Run Code Online (Sandbox Code Playgroud)

css jquery accordion zurb-foundation zurb-foundation-6

5
推荐指数
1
解决办法
1541
查看次数

查找不交集的数量

对于那些不熟悉脱节集数据结构的人。

https://zh.wikipedia.org/wiki/不相交-set_data_structure

我试图找到不。给定的一组好友及其关系中的一组好友。当然,毫无疑问,这可以使用BFS / DFS轻松实现。但是我选择使用不相交集,我也倾向于找到该人所属的朋友组,等等,并且不相交集听起来确实适合这种情况。

我已经实现了不相交集数据结构,现在我需要找到它包含的不相交集的数量(这将为我提供组数)。

现在,我坚持执行有效地查找不交集的数量的方法,因为朋友的数量可以高达1 00 00 0。

我认为应该起作用的选项。

  1. 将新套装装在原件的背面,然后销毁旧套装。

  2. 更改每个工会的每个元素的父母。

但是由于朋友数量巨大,所以我不确定这是否是正确的方法,也许还有其他有效的方法,或者我应该继续执行以上任何一种方法。

这是我的代码以获取其他详细信息。(我尚未在此处实现计数不交集)

//disjoint set concept 

//https://www.topcoder.com/community/data-science/data-science-tutorials/disjoint-set-data-structures/
// initially all the vertices are takes as single set and they are their own representative.
// next we see, compare two vertices, if they have same parent(representative of the set), we leave it.
// if they don't we merge them it one set.
// finally we get different disjoint sets.

#includes ...
using namespace std;

#define edge pair<int, int>
const …
Run Code Online (Sandbox Code Playgroud)

c++ algorithm disjoint-union disjoint-sets data-structures

4
推荐指数
2
解决办法
3832
查看次数

使用moment.js将总秒数转换为ISO 8601持续时间字符串

我想检查是否momentjs能够将给定的秒数转换为ISO 8601格式的持续时间字符串.

例如1000秒将导致PT16M40S.

javascript momentjs

4
推荐指数
1
解决办法
508
查看次数

找到可从1到N之间的所有数字整除的最小数字,剩余数= 0

找到可从1到N的所有数字整除的最小数字,不留任何余数.由于数字可能非常大,我们采用模数1000000007的答案.

我认为可以被1到N的所有数字整除的最小数字是LCM(1..N).

示例:对于N = 5,该最小数字将为60.

因为60是可被所有数字形式整除的最小数字(1-5).

但是由于一些奇怪的原因,它给了我大的N(1000)的错误答案,等等.这里可能导致错误的是什么,我的登录是否正确?

这是我试图实施的内容.

#include <iostream>
#include <vector>
using namespace std;

vector<long long> lcmArr;
const long long mod = 1000000007;

long long gcd(long long a, long long b){
    if(b == 0) 
    {
        return a;
    }

    return gcd(b, a%b);
}

long long lcmFumction(long long  a, long long  b)
{
    return (a*b)/gcd(a,b);  
}

int main() {
    lcmArr.clear();lcmArr.resize(1002);
    lcmArr[0] =0; lcmArr[1] = 1;
    for(int i =2; i <=1000; i++){
        lcmArr[i] = lcmFumction(lcmArr[i-1], i)%mod;
            //cout<<lcmArr[i-1]<<" ";
    }

    int T;
    cin …
Run Code Online (Sandbox Code Playgroud)

c++ algorithm

3
推荐指数
1
解决办法
895
查看次数

意外的令牌提供者

我正在尝试创建一个同构的React应用程序,以下是我的一些文件,当我尝试使用server.js时<Provider>,出现错误消息Unexpected token。

我认为这是因为我试图在server.js中使用jsx,但是,我不确定。

在index.js中,我需要require('babel-core / register')({});

这不能够转换后继的Jsx语法吗?我在这里想念什么吗?

Package.json

  "main": "index.js",
  "scripts": {
    "start": "node --harmony .",
    "build": "rimraf build && cross-env NODE_ENV=production webpack --config ./webpack.production.config.js --progress --profile --colors",
Run Code Online (Sandbox Code Playgroud)

index.js

'use strict';

require('babel-core/register')({});
require('babel-polyfill');

var server = require('./server').default;

const PORT = process.env.PORT || 3000;

server.listen(PORT, function () {
  console.log('Server listening on: ' + PORT);
});
Run Code Online (Sandbox Code Playgroud)

server.jsx

var webpack = require('webpack')
var webpackDevMiddleware = require('webpack-dev-middleware')
var webpackHotMiddleware = require('webpack-hot-middleware')
var config = require('./webpack.config')
var serveStatic = require('serve-static');
var path = …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs isomorphic-javascript babeljs

3
推荐指数
1
解决办法
2442
查看次数