Question

我已尝试多次使用<Form>和<FormControl>组件。每次我使用我都会得到相同的错误：

＆＃34; warning.js？8a56：45警告：React.createElement：type不应该是   null，undefined，boolean或number。它应该是一个字符串（对于DOM   元素）或ReactClass（用于复合组件）。检查渲染   App。＆＃34;
的方法
＆＃34;未捕获的不变违规：元素类型无效：预期a   string（用于内置组件）或类/函数（用于复合   组件）但得到：未定义。检查App。＆＃34;
的渲染方法

即使有这个基本的例子：

import React, {Component} from 'react';
import {FormControl, FormGroup, ControlLabel, HelpBlock, Checkbox, Radio, Button} from 'react-bootstrap';

export default class App extends Component {
  render() {
    return (
      <form>
        <FormGroup controlId="formControlsText">
          <ControlLabel>Text</ControlLabel>
          <FormControl type="text" placeholder="Enter text" />
        </FormGroup>

        <Button type="submit">
          Submit
        </Button>
      </form>
    );
  }
}

有什么想法吗？

Answer 1

更新npm-package这些组件是react-bootstrap中的新组件。

Answer 2

导入您的React-Bootstrap组件，如下所示：

import FormControl from 'react-bootstrap/lib/FormControl';

这有助于我在使用react-bootstrap 0.31时摆脱相同的错误。

Answer 3

我遇到了一个有点相关的问题，发现他们删除了 new_list = sorted(old_list.items(), key=lambda i: i[1]['until'])，在更新的版本中将其替换为 ControlLabel。

改变

FormLabel

到

import {FormControl, FormGroup, ControlLabel, etc... } from 'react-bootstrap';

react-bootstrap表单组件

3 个答案: