Reactjs React BootstrapUncaught错误：元素类型无效：应为字符串（用于内置组件）或类/函数

我试图在表单中使用FieldGroup，但遇到以下错误：

未捕获错误：元素类型无效：内置组件应为字符串，复合组件应为类/函数，但得到：未定义。您可能忘记了从定义组件的文件中导出组件。检查CreateUser的渲染方法。 at invariant.js:44

   import React, {Component} from 'react'
   import {Form, FormGroup , FormControl,AlertDismissable,Glyphicon} from 'react-bootstrap'
   import {FieldGroup} from 'react-bootstrap'
   class CreateUser extends Component {
   constructor(props){
    super(props);
}

displayName: 'Create User'
render() {
    return (
            <Form horizontal className="loginForm">
                <FormGroup controlId="formHorizontalUsername">
                    <FieldGroup>

                    </FieldGroup>
                </FormGroup>
            </Form>

    );
}
}  export default CreateUser;

---

请让我知道我做错了什么

字段组不是react引导的一部分

FieldGroup是一个自定义组件。因此，您必须创建它，然后只有您可以使用它

如果要使用组，请使用FormGroup。

您可以将FieldGroup添加为函数

import React, {Component} from 'react'
import {Form, FormGroup , FormControl, AlertDismissable, Glyphicon} from 'react-bootstrap'
import {FieldGroup} from 'react-bootstrap'
class CreateUser extends Component {
  constructor(props){
    super(props);
  }

  displayName: 'Create User'
  render() {
    function FieldGroup({ id, label, help, ...props }) {
      return (
        <FormGroup controlId={id}>
          <ControlLabel>{label}</ControlLabel>
          <FormControl {...props} />
          {help && <HelpBlock>{help}</HelpBlock>}
        </FormGroup>
      );
    }
    return (
      <Form horizontal className="loginForm">
          <FormGroup controlId="formHorizontalUsername">
              <FieldGroup>
                id="formControlsText"
                type="text"
                label="Text"
                placeholder="Enter text"
          </FormGroup>
      </Form>
    );
  }
}  export default CreateUser;

---

要了解更多详细信息，您可以访问此链接。

您的FieldGroup链接已断开。