React Datatablesエラー

Reactから始まってコンポーネントを見つけて、それがうまくいくかどうかを確認しようとしていますが、ブラウザと静的Webサーバーのbabelしかし、ChromeでReact Datatablesエラー

React.createElementをエラーのこの種を得続ける：タイプがヌル、未定義、ブール、または数であってはなりません。これは文字列（DOM要素の場合）またはReactClass（複合要素の場合の場合）である必要があります。

これは、ここで私は何jsfiddle version

どれでしょうこれは私のapp.js（react-bootstrap-tableから取られたもの）

'use strict'; 

var ReactBsTable = window.BootstrapTable; 
var BootstrapTable = ReactBsTable.BootstrapTable; 
var TableHeaderColumn = ReactBsTable.TableHeaderColumn; 

// products will be presented by ReactBsTable 
var products = [ 
    { 
     id: 1, 
     name: "Product1", 
     price: 120 
    },{ 
     id: 2, 
     name: "Product2", 
     price: 80 
    },{ 
     id: 3, 
     name: "Product3", 
     price: 207 
    },{ 
     id: 4, 
     name: "Product4", 
     price: 100 
    },{ 
     id: 5, 
     name: "Product5", 
     price: 150 
    },{ 
     id: 6, 
     name: "Product1", 
     price: 160 
    } 
]; 

React.render(
    <BootstrapTable data={products} striped={true} hover={true}> 
     <TableHeaderColumn isKey={true} dataField="id">Product ID</TableHeaderColumn> 
     <TableHeaderColumn dataField="name">Product Name</TableHeaderColumn> 
     <TableHeaderColumn dataField="price">Product Price</TableHeaderColumn> 
    </BootstrapTable>, 
    document.getElementById("basic") 
);

である私のindex.html

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title></title> 
    <script src="bower_components/jquery/dist/jquery.min.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script src="bower_components/react/react.js"></script> 
    <script src="bower_components/react/react-dom.js"></script> 
    <script src="vendor/js/react-bootstrap-table.js"></script> 
    <script src="https://npmcdn.com/[email protected]/browser.min.js"></script> 
    <script src="js/app.js" type="text/babel"></script> 
    <link rel="stylesheet" type="text/css" href="vendor/css/react-bootstrap-table.css"> 
</head> 
<body> 
    <div id="basic"></div> 
</body> 
</html>

されます行方不明か間違っている？

出典

2016-08-24 Federico Giust

React.render（）を使用する代わりに、ReactDOM.render（）を使用してみてください。これはまた、使用している反応バージョンによって異なります。

出典

2016-08-24 16:30:16

ReactBsTable.TableHeaderColumn & ReactBsTable.BootstrapTableがundefinedを返すため、このエラーが発生しています。

この

var ReactBsTable = window.BootstrapTable; 
var BootstrapTable = ReactBsTable.BootstrapTable; 
var TableHeaderColumn = ReactBsTable.TableHeaderColumn;

が

var BootstrapTable = window.BootstrapTable; 
var TableHeaderColumn = window.TableHeaderColumn;

でなければなりません。また、あなたはありがとう代わりReact.render()

fixed jsfiddle

出典

2016-08-24 16:54:47 QoP

のReactDOM.render()を使用する必要があります！できます！ –

React Datatablesエラー

答えて

関連する問題