Javascript React.createElement:在无状态组件内使用array.map时，类型无效

我有以下组成部分：

import React from "react";
import { Grid, Form } from "semantic-ui-react";

const BasicDetail = ({DetailData}) => {
    return(
        <div>
            <Grid.Row>
                <h3>Basic Details</h3>
                {DetailData.map((form) => {
                     return (
                         <Form.input
                             label={form.label}
                             readOnly={true}
                             defaultValue={form.default}
                            type="text"
                         />
                     )
                 })}
            </Grid.Row>
        </div>
    )
}

BasicDetail.propTypes = {
    DetailData: React.PropTypes.array.isRequired
};

export default BasicDetail;

从“React”导入React；
从“语义ui react”导入{Grid，Form}；
const BasicDetail=（{DetailData}）=>{
返回(
基本细节
{DetailData.map（（表单）=>{
返回(
)
})}
)
}
BasicDetail.propTypes={
DetailData:React.PropTypes.array.isRequired
};
导出默认基本细节；

我将道具中的一组对象传递给它，但我得到以下错误：

warning.js:36 warning:React.createElement:类型无效-- 应为字符串（用于内置组件）或类/函数（用于 复合组件）但得到：未定义。你可能忘了出口 从定义组件的文件中删除组件。检查渲染方法 基本细节的

如果我从组件中删除.map函数，它将正确渲染

---

此错误的原因可能是什么？

语义UI React组件名称以大写字母开头。
使用

Form.Input

代替

Form.Input