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表單組件

回答

相關問題