React-bootstrap代码无法呈现

时间:2017-02-25 01:10:31

标签: react-bootstrap

我已经用npm安装了react-bootstrap(npm install react-bootstrap --save)但是我的代码没有在浏览器上呈现。该页面只是空白。我使用webpack进行构建,使用babel进行转换。以下是我的反应代码。

import React from 'react'
import ReactDOM from 'react-dom'
import ReactBootstrap from 'react-bootstrap'

const buttonsInstance = (
  <ButtonToolbar>
    <Button bsStyle="primary" bsSize="large" active>Primary button</Button>
    <Button bsSize="large" active>Button</Button>
  </ButtonToolbar>
);

ReactDOM.render(buttonsInstance, document.getElementById('root'));

谢谢!

1 个答案:

答案 0 :(得分:3)

导入您明确使用的控件:

$r = Foo::has('bar')
    ->whereHas('bar', function ($query) {
         $query->where('someProp', '=', 10);
    })
    ->with(['bar' => function($query) {
        $query->where('someProp', '=', 10);
    })->get();