鍍金池/ 問答/HTML/ React.createElement: type is invalid

React.createElement: type is invalid

我是新接觸react不久,想用antd+react自己做一個(gè)demo,之前有寫過這樣類似的結(jié)構(gòu),但是不知道為什么這次就報(bào)這樣的錯(cuò),自己排了快一個(gè)小時(shí)了,也不知道什么原因,求助求助

import React, {Component, Proptypes} from 'react';
import ReactDom from 'react-dom';
import {Row, Col, Form, Select} from 'antd';

let FormItem = Form.item;

let AccountSelectInfo = class AccountSelectInfo extends Component {
    constructor(props) {
        super(props);
    }

    render () {
        let formItemLayout = {
            labelCol: {span: 4},
            wrapperCol: {span: 18},
        }
        let {getFieldValue, getFieldDecorator} =this.props.form;
        let selectInfo = [
            {label: '系統(tǒng)', name: 'os', values: [
                {value: 'android', key: 'Android'},
                {value: 'ios', key: 'iOS'},
                {value: 'pc', key: 'PC'},
            ]},
        ];
        let handleSelect = function (selectorInfo) {
            let addSelect = [];
            selectInfo.map(
                (val, index) => {
                    addSelect.push((
                        <Col span = {6} key = {index} >
                            <FormItem label = {val.label} {...formItemLayout}>
                                {getFieldDecorator (val.name, {
                                    initialValue: val.values[0].key,
                                })(
                                        <Select name = {val.name} key = {val.name}>
                                            {val.values.map(v => {(<Option key = {v.key} value = {v.key}>{v.value}</Option>)})}
                                        </Select>
                                )}
                            </FormItem>
                        </Col>
                    ));
                }
            );
            console.log('-----> addSelect', addSelect);
            return addSelect;
        }
        return (
            {handleSelect(selectInfo)}
        );
    }
};

AccountSelectInfo.proptypes = {

};
AccountSelectInfo = Form.create()(AccountSelectInfo);

export default AccountSelectInfo;

上面這個(gè)是組件部分

 <div className = 'main-content' style = {{padding: '1rem'}}>
    <AccountSelectInfo / >
</div>

這個(gè)是報(bào)錯(cuò)
3warning.js?0260:33 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of AccountSelectInfo.

回答
編輯回答
誮惜顏

這個(gè)問題解決了嗎

2018年4月16日 17:35
編輯回答
掛念你
return (
          <Form>
            {handleSelect(selectInfo)}
          </Form>
        )
        
2017年5月1日 11:41