antd的Form组件如何用typescript写报错

Question

import * as React from 'react'
import {Form, Input} from 'antd'

const FormItem = Form.Item;

interface IAppProps {
  form?: any
}

interface IAppState {}

class App extends React.Component <IAppProps,IAppState> {
  public render() {
    return (
      <Form>
        <FormItem label="heihei">
            // error: Cannot find name 'getFieldDecorator'
            {getFieldDecorator('title', {
              rules: [
                {
                  required: true,
                  message: 'Please input the title of collection!'
                }
              ]
            })(<Input/>)}
          <Input/>
        </FormItem>
      </Form>
    )
  }
}

let Fc = Form.create()(App);
export {Fc};

我用typescript写怎么用Form.create来实现表单验证？

Answer 1

需要从 this.props.form 里面读取 getFieldDecorator 出来，见官网 demo https://ant.design/components...