Question

我正在尝试在表单中使用exec，但我遇到了这个错误：

“未捕获错误：元素类型无效：期望字符串（对于内置组件）或类/函数（对于复合组件）但得到：undefined。您可能忘记导出来自其定义的文件中的组件。检查FieldGroup的render方法。 at invariant（invariant.js：44）

CreateUser

请让我知道我做错了什么。

Answer 1

FieldGroup不是 react-bootstrap

的一部分

FieldGroup是一个自定义组件。所以你必须创建它，然后才能使用它。

如果您想使用群组 FormGroup ，请

Answer 2

您可以添加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。

React-Bootstrap <fieldgroup> Uncaught Error：元素类型无效：期望字符串（对于内置组件）或类/函数

2 个答案: