绑定元素 'input' 隐式具有 redux 形式的 'any' 类型

Question

我是 React with Typescript 的新手我正在尝试创建一个 redux 表单 component.But 编译时我收到如下错误

我试过如下添加道具，但不知道方法是否正确。

interface FormInputProps {
  input: any,
  iconName: string,
  placeHolder: string,
  inputType: string,
  meta: object,
}

const FormInput = ({
  input,
  iconName,
  placeHolder,
  inputType,
  meta: { error, touched }
}) => (
  <FormGroup>
    <InputGroup className="mb-3">
      <InputGroupAddon addonType="prepend">
        <InputGroupText>
          <i className={iconName}/>
        </InputGroupText>
      </InputGroupAddon>
      <Input
        {...input}
        type={inputType}
        placeholder={placeHolder} />
    </InputGroup>
    {touched && <FormText className="help-block error-color">{error}</FormText>}
  </FormGroup>
);

Answer 1

import {InjectedFormProps} from 'redux-form';
interface FormInputProps {/*other local thing*/} extends InjectedFormProps;

const FormInput:React.FC<FormInputProps> = ()=>{...}

Answer 2

找到答案：试过如下，效果很好

  const FormInput = (field: any) => (
  <FormGroup>
    <InputGroup className="mb-3">
      <InputGroupAddon addonType="prepend">
        <InputGroupText>
          <i className={field.iconName}/>
        </InputGroupText>
      </InputGroupAddon>
      <Input
        {...field.input}
        type={field.inputType}
        placeholder={field.placeHolder} />
    </InputGroup>
    {field.touched && <FormText className="help-block error-color">{field.error}</FormText>}
  </FormGroup>
);

export default FormInput;

绑定元素 'input' 隐式具有 redux 形式的 'any' 类型

Binding element 'input' implicitly has an 'any' type in redux form

reactjs

typescript

redux-form