react-bootstrap <togglebuttongroup>缩小错误

时间:2017-07-27 14:12:31

标签: reactjs react-bootstrap

iv`e在我的项目中包含了ToggleButtonGroup

const{ToggleButtonGroup,ToggleButton} = ReactBootstrap

我想反应显示它,所以我在我的项目中包含了这个功能。

   const {ToggleButtonGroup,ToggleButton} = ReactBootstrap

    const Mainbar = React.createClass({
      render:function(){
        return (
          <div>
         <ToggleButtonGroup type="radio" name="options" defaultValue={1}>

            <ToggleButton value={1}>
               Radio 1 (pre-checked)
            </ToggleButton>

           </ToggleButtonGroup>

        </div>
        )
      }
    })
    ReactDOM.render(<Mainbar  />,document.getElementById("mncontainer"))

我收到错误

  

未捕获错误:Minified React错误#130;

必须说像DropdownButton这样的其他反应引导程序

1 个答案:

答案 0 :(得分:4)

我也遇到了ToggleButtonGroup和ToggleButton的问题,但我得到了一个难以理解的错误消息(React.createElement:type无效 - 期望一个字符串(用于内置组件)或一个类/函数(用于复合组件)但得到了:未定义。您可能忘记从其定义的文件中导出组件。)

最后是因为我的react-bootstrap模块中没有这两个组件(0.31.1)。

我运行select * from foreign_table安装了最新版本(0.31.2),现在组件已经存在,一切都很开心。