react / typescript:参数“ props”隐式具有“ any”类型错误

纽格拉德

当我从react-bootstrap尝试此示例代码时,我不断收到错误,例如“参数'context'隐式具有'any'类型;“属性'value'在'Readonly <{}>类型上不存在”。

在form.tsx中:

class FormExample extends React.Component {
  constructor(props, context) {
    super(props, context);

    this.handleChange = this.handleChange.bind(this);

    this.state = {
      value: ''
    };
  }

  getValidationState() {
    const length = this.state.value.length;
    if (length > 10) return 'success';
    else if (length > 5) return 'warning';
    else if (length > 0) return 'error';
    return null;
  }

  handleChange(e) {
    this.setState({ value: e.target.value });
  }

  render() {
    return (
      <form>
        <FormGroup
          controlId="formBasicText"
          validationState={this.getValidationState()}
        >
          <ControlLabel>Working example with validation</ControlLabel>
          <FormControl
            type="text"
            value={this.state.value}
            placeholder="Enter text"
            onChange={this.handleChange}
          />
          <FormControl.Feedback />
          <HelpBlock>Validation is based on string length.</HelpBlock>
        </FormGroup>
      </form>
    );
  }
}

export default FormExample;

在Jumbo.tsx中:

const Jumbo = () => (
   <FormExample />
);
ish

typeScript中,您应该安装@ types / react,并在扩展React.Component时需要指定propsstate类型。这是例子

import * as React from 'react'

interface Props {
  ... // your props validation
}

interface State {
  ... // state types
}

class FormExample extends React.Component<Props, State> {... }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

打字稿:TS7006:参数“ xxx”隐式具有“ any”类型

map()中的Typescript错误:元素隐式具有“ any”类型,因为类型“ string”的表达式不能用于索引类型

TypeScript:对象类型的索引签名隐式具有“ any”类型

TypeScript + ES6 Map +对象类型的索引签名隐式具有“ any”类型

Angular2-参数$ event隐式具有“ any”类型

函数重载错误:TS7006:参数“ x”隐式具有“ any”类型

参数隐式具有“ any”类型

参数“ dispatch”隐式具有“ any”类型

具有模板化函数参数的隐式类型转换

当Typescript检查经典JS类时,如何解决“'this'隐式具有类型'any'”

为什么参数“ props”隐式具有“ any”类型?

对象文字的属性“图表”在react中隐式具有“ any []”类型

打字稿:参数“错误”隐式具有“任意”类型

如何修复redux-observable参数'action $'隐式具有'any'类型

Typescript-React State:元素隐式具有“ any”类型,因为类型“ State”没有索引签名

TypeScript / ReactJS / setTimeout:'this'隐式地具有'any'类型,因为它没有类型注释。

Vuex Typescript我收到错误“成员'someMutation'隐式具有'any'类型”。在Component.ts文件中

React Typescript:元素隐式地具有“ any”类型,因为类型没有索引签名

参数结果隐式具有任何类型

Typescript / nodejs:变量在某些位置隐式具有类型“ any”

React Navigation 5错误绑定元素'navigation'隐式具有'any'类型.ts

Node + TypeScript:“ this”隐式具有类型“ any”

带有React> Element的Typescript隐式具有'any'类型,因为类型'string'的表达式不能用于索引

Typescript错误:元素隐式具有“ any”类型,因为类型“ string”的表达式不能用于索引类型

参数“error”隐式具有“any”类型

React Typescript - 绑定元素“C”隐式具有“任何”类型。TS7031

错误 TS7006:参数“item”隐式具有“any”类型

React Typescript:元素隐式具有“任何”类型,因为索引表达式不是“数字”类型

React TypeScript:参数“e”隐式有任何类型错误