带有打字稿的 redux-form 生成异常：''属性 'createFunction' 在类型 'JSX.IntrinsicElements' 上不存在。''

Question

我正在尝试使用 typescript 2.3 创建表单 redux-form 6.6.3 并做出反应。我已经安装了类型定义@types/redux-form 6.6.2。这是表格：

import * as React from 'react';
import { reduxForm, Field } from 'redux-form';
import styles from '../../styles/styles';

class CreateFunction extends React.Component < any, any > {
  private required = (value) => (value == null ? 'required' : undefined);

 private handleSubmit = () =>{}

  public render() {

    return (
      <div style={{ marginTop: 30 }}>    
         <form onSubmit={this.handleSubmit}>
          <Field name="name" component="input"
            hintText="Veuillez saisir la fonction"
            floatingLabelText="Fonction"
            style={styles.textField}
            validate={this.required}
            />    
          </form>    
      </div>
    );
  }
}    
const createFunction = reduxForm({
  form: 'createFunctionForm',
})(CreateFunction);

export default createFunction;

但是一旦像这样导入 CreateFunction：

import createFunction from '../../functions/containers/functiolList';

并像这样使用：

 <createFunction />

我无法构建并且收到此错误消息：

severity: 'Error'
message: 'Property 'createFunction' does not exist on type 'JSX.IntrinsicElements'.'
at: '66,9'
source: 'ts'

Answer 1

尝试导入名称以 capital letter:

开头的文件

import CreateFunction from '../../functions/containers/functiolList';

然后稍后：

<CreateFunction/>

如果您引用以小写字母开头的自定义组件 - 它将被视为内置组件之一，而不是您的自定义组件。

带有打字稿的 redux-form 生成异常：''属性 'createFunction' 在类型 'JSX.IntrinsicElements' 上不存在。''

redux-form with typescript generates the exception : ''Property 'createFunction' does not exist on type 'JSX.IntrinsicElements'.''

typescript

reactjs

redux-form