react-bootstrap表单组件

我已经尝试过多次使用<Form>和<FormControl>组件。每次我用我不断收到同样的错误回报：react-bootstrap表单组件

“warning.js 8a56：45警告：React.createElement：类型不应该是空，未定义，布尔，或数应该是一个字符串（。 DOM 元素）或ReactClass（用于复合组件）。检查的渲染方法App。“

“未捕获不变违规：元素类型无效：预期字符串（内置组件）或类/功能（复合组件），但得到：未定义检查的App渲染方法。”

即使这个简单的例子：

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> 
    ); 
    } 
}

任何想法？

来源

2016-04-24 user1399063

您是否已将npm软件包更新至最新版本，我相信这些组件是react-bootstrap的新增功能。 – JazzCat

谢谢！有效。 – user1399063

你指的是哪个版本？ – caffeinescript

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

来源

2016-06-21 13:12:24 JazzCat

导入你的阵营，引导部件是这样的：

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

，帮助我使用的反应，引导0.31时摆脱了相同的错误。

来源

2017-07-17 07:12:33

react-bootstrap表单组件

回答

相关问题