首页 > 解决方案 > 如何将 react javascript 转换为类型脚本?

问题描述



import React from "react";
import { DatePicker, Form, Input, TimePicker, Select } from "antd";

const FormItem = Form.Item;
const { Option } = Select;

const CreateAntField = AntComponent => ({
  field,
  form,
  label,
  selectOptions,
  submitCount,
  type,
  ...props
}) => {
  const touched = form.touched[field.name];
  const submitted = submitCount > 0;
  const hasError = form.errors[field.name];
  const submittedError = hasError && submitted;
  const touchedError = hasError && touched;
  const onInputChange = ({ target: { value } }) =>
    form.setFieldValue(field.name, value);
  const onChange = value => form.setFieldValue(field.name, value);
  const onBlur = () => form.setFieldTouched(field.name, true);
  return (
    <Form className="field-container">
      <FormItem
        label={label}
        help={submittedError || touchedError ? hasError : false}
        validateStatus={submittedError || touchedError ? "error" : "success"}
      >
        <AntComponent
          {...field}
          {...props}
          onBlur={onBlur}
          onChange={type ? onInputChange : onChange}
        >
          {selectOptions &&
            selectOptions.map(name => <Option key={name}>{name}</Option>)}
        </AntComponent>
      </FormItem>
    </Form>
  );
};


我是打字稿的新手,我需要将此文件转换为打字稿,这是一个蚂蚁设计组件。我有这些错误:

'field' 隐含地具有 'any' 类型。'form' 隐含地具有 'any' 类型。'label' 隐含地具有 'any' 类型。“选择选项”隐含地具有“任何”类型。'submitCount' 隐含地具有 'any' 类型。参数“名称”隐含地具有“任何”类型。参数“值”隐含地具有“任何”类型。参数“值”隐含地具有“任何”类型。参数“值”隐含地具有“任何”类型。

标签: typescriptformikant-design-pro

解决方案


推荐阅读