Ant设计TextArea不呈现

时间:2017-07-11 16:59:50

标签: javascript reactjs

以下是我尝试通过ant.design创建的表单:

import { createElement as ce, Component } from 'react';
import { Form, Icon, Input, Button } from 'antd';
const FormItem = Form.Item;
const { TextArea } = Input;

class CommentForm extends Component {

  render() {
    return (
      ce(Form, { layout: 'inline' },
        ce(FormItem, {},
          ce(TextArea, {}),
          ce(Button, {
            htmlType: 'submit',
            type: 'primary',
          }, 'Post'),
          )
        )
    );
  }
}

const CommentBubble = Form.create()(CommentForm);

export default CommentBubble;

当我尝试使用TextArea时,我一直收到以下错误:

  

未捕获(在promise中)错误:元素类型无效:期望字符串(对于内置组件)或类/函数(对于复合组件)但得到:undefined。您可能忘记从其定义的文件中导出组件。请检查CommentForm的呈现方法。

但如果我渲染Input而不是TextArea,我就不会收到错误。

Ant Design documentation.

0 个答案:

没有答案