小编Siy*_*iya的帖子

TS2339:'Home'类型中不存在属性'props'

我有一个非常基本的与tsx反应的程序,我收到一个错误,我无法弄清楚为什么

import React from 'react';
// import {connect} from 'react-redux'

export class Home extends React.Component {    
    render(){
        console.log(this.props)
        return (
            <div>Working</div>
        )
    }
}


import * as React from 'react'
import * as ReactDOM from 'react-dom';
import {Home} from './Components/Home.component'
class App extends React.Component<any,any>{
render(){
    return(
        <Home value="abc" />
    )
  }
}
ReactDOM.render( <App />, window.document.getElementById("app"))
Run Code Online (Sandbox Code Playgroud)

git克隆这个代码

typescript reactjs

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

如何在Create React App Proxy设置中使用ENV变量注入端口和主机?

是否可以在CRA中设置代理设置与使用package.json不同?例如使用ENV变量?

从CRA 文档中可以看出

使用环境变量将正确的服务器主机和端口注入您的应用程序.

这句话是关于代理还是开发服务器本身?

根据这个这个,影响代理设置的唯一方法是通过package.json.

proxy reactjs create-react-app

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

如何避免/修复"Auth0Lock未定义"异常

我正在尝试使用Auth0进行社交登录,但我不断获得未定义引用的例外.

这是身份验证服务

import { Injectable }      from '@angular/core';
import { tokenNotExpired } from 'angular2-jwt';

// Avoid name not found warnings
declare var Auth0Lock: any;

@Injectable()
export class AuthService {
// Configure Auth0

lock = new Auth0Lock('I have set the ID correctly here', 'and the domain as well', {});

constructor() {
// Add callback for lock `authenticated` event
  this.lock.on("authenticated", (authResult) => {
  localStorage.setItem('id_token', authResult.idToken);
  });
}

public login() {
// Call the show method to display the widget.
  this.lock.show();
};

public …
Run Code Online (Sandbox Code Playgroud)

http-token-authentication auth0 angular2-jwt

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

导致C和JavaScript之间存在这种行为差异的原因是什么?

鉴于下面的C代码:

int nSum       = 0;
// pNumber is 9109190866037
int nDigits    = strlen(pNumber);
int nParity    = (nDigits-1) % 2;
char cDigit[2] = "\0";
for (int i = nDigits; i > 0 ; i--)
{
  cDigit[0]  = pNumber[i-1];
  int nDigit = atoi(cDigit);

  if (nParity == i % 2) {
    nDigit = nDigit * 2;
  }

  nSum += nDigit/10;
  nSum += nDigit%10;
  printf("NUMBER: %d\n", nSum);
}
Run Code Online (Sandbox Code Playgroud)

输出:

NUMBER: 13
NUMBER: 13
NUMBER: 16
NUMBER: 22
NUMBER: 29
NUMBER: 29
NUMBER: 38
NUMBER: …
Run Code Online (Sandbox Code Playgroud)

javascript c

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

如何在 React 中为图像创建简单的旋转动画

我正在使用带有 material-ui 样式的 reactjs 来创建一个 dapp 并有一个图像(圆形),我想连续旋转该图像以自定义旋转速度,保持流畅的流动。旋转速度需要自定义,其中我向组件提供速度值,它会相应地以该速度旋转。任何想法如何去?谢谢。

PS:这与“加载组件”、加载动画或加载图像无关。此外,可以使用 material-ui 的 withStyles() 实现的解决方案将是首选。谢谢。

css-animations reactjs

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

如何将create-react-app使用的错误页面合并到自定义项目中?

当您使用create react app并在代码中出错时,您将获得这个非常详细和精确的错误页面: 在此输入图像描述

如何将此错误页面合并到我自己的自定义项目中.我怀疑需要一种类型的webpack插件.我项目中的工具是:

  1. 的node.js
  2. express.js
  3. 的WebPack
  4. 巴别塔
  5. 上海社会科学院
  6. 应对
  7. 终极版

这是我目前的webpack配置:

import webpack from 'webpack'
import autoprefixer from 'autoprefixer'
import HtmlWebpackPlugin from 'html-webpack-plugin'
import ExtractTextPlugin from 'extract-text-webpack-plugin'
import CopyWebpackPlugin from 'copy-webpack-plugin'
import FriendlyErrorsPlugin from 'friendly-errors-webpack-plugin'


import helpers from './helpers'

const NODE_ENV = process.env.NODE_ENV
const isProd = NODE_ENV === 'production'

module.exports = {
  entry: {
    'app': [
      helpers.root('client/app/index.jsx')
    ]
  },

  output: {
    path: helpers.root('dist'),
    publicPath: '/'
  },

  resolve: {
    extensions: ['.js', '.jsx', '.json', '.css', '.scss', '.html'],
    alias: {
      'app': 'client/app' …
Run Code Online (Sandbox Code Playgroud)

javascript express reactjs webpack create-react-app

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

在 ReactJs 中将警告视为错误

如何使我的 reactjs 项目中的警告输出显示为错误?类似于-Werror在 gcc 或 cc 编译器中使用标志。

我想要一种行为,而不是记录器日志记录

编译时带有警告。

这里有一些警告

宁可登录

编译出错。

这里的一些警告被视为错误

或者,在警告解决之前甚至不编译。

logging reactjs

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

如何测试模板中的值是否为字符串

我想知道是否可以,如果可以,如何测试一个值是否是 Go 模板中的字符串。

我尝试了以下方法但没有成功

{{- range .Table.PrimaryKeys.DBNames.Sorted }}{{ with (index $colsByName .)}}
{{ .Name }}: {{ if .IsArray }}[]{{ end }}'{{.Type}}', {{end}}
{{- end }}
{{- range $nonPKDBNames }}{{ with (index $colsByName .) }}
    {{ .Name }}: {{ if .IsArray }}[]{{end -}} {
  type: {{ if .Type IsString}}GraphQLString{{end -}}, # line of interest where Type is a value that could be a number, string or an array
}, {{end}}
{{- end }}
Run Code Online (Sandbox Code Playgroud)

这是我得到的错误

错误:解析 TablePaths 时出错:解析内容模板时出错:模板:templates/table.gotmpl:42:函数“IsString”未定义

string types go go-templates

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

Docker 构建只需要 1 个参数

当我在 gitlab 管道上运行此命令时

docker build --build-arg NPM_TOKEN=${NPM_TOKEN} --tag $REGISTRY_IMAGE/web-public:$CI_COMMIT_SHA --tag $REGISTRY_IMAGE/web-public:$CI_COMMIT_REF_NAME packages/web-public
Run Code Online (Sandbox Code Playgroud)

它失败了

构建正好需要 1 个参数

在我看来,我实际上是在传递一个参数,即路径;packages/web-public. 据我所知,标志不是参数。

我在这里缺少什么?

这是我项目的结构

在此处输入图片说明

docker gitlab-ci

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

为什么字符串数字加法不能直观地合并

为什么最后一个操作返回 20?

console.log(2 + 2); // equals 4
console.log("2" + "2"); // equals "22"
console.log(2 + 2 - 2); // equals 2
console.log("2" + "2" - "2"); // equals 20
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
61
查看次数

React Native中的URI与URL

使用本机可以做到:

const somePath = 'https://...'
<Image source={somePath} />
Run Code Online (Sandbox Code Playgroud)

要么

const somePath = 'https://...'
<Image source={{uri: somePath}} />
Run Code Online (Sandbox Code Playgroud)

据我了解,网址是URI是URL和URN的超集。

问题

  1. 与提供网址source作为URL 相关的潜在问题是什么?
  2. 与将网址提供source为URI 相关的潜在问题是什么?

  3. 哪一种提供图像地址的方法source更准确,更安全和更可靠?

url uri webaddress react-native

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

如何通过强制转换来缩小打字稿类型,错了?

我正在运行一个用打字稿编写的 javascript 应用程序。在代码的某处我有这样的东西

{
  title: props.value?.name as string
}
Run Code Online (Sandbox Code Playgroud)

一个朋友告诉我,这不是一个好的类型转换方法,因为我们假装 undefined 不存在。我不明白这一点,因为这很有效,而且我看不到它会破裂。

你能向我解释一下如何通过类型转换来缩小打字稿类型,不好,永远不应该这样做吗?

typescript

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

箭头功能难以追踪吗?

我刚才了解到,写下这个:

const setName = name => {
  // set name here
}
Run Code Online (Sandbox Code Playgroud)

与此相反,这是坏事

function setName(name) {
  //set name here
}
Run Code Online (Sandbox Code Playgroud)

原因是第一种方法使调试与该函数相关的问题变得困难,因为它不会出现在堆栈跟踪中.

问题:为什么这不会出现在堆栈跟踪中?

javascript ecmascript-6

0
推荐指数
2
解决办法
636
查看次数