Question

我在MVC4应用程序中使用ReactJS-使用jsx语法。当使用react-bootstrap-table时-一切看起来都很好。升级到react-bootstrap-table-next后-我收到错误-bootstraptable未定义。可能是什么原因？也许我应该从'bootstraptable'中导入Import bootstraptable？

在TextTable.jsx文件中：

class TextTable extends React.Component {
render() {
    const products = [];
    const columns = [{
        dataField: 'id',
        text: 'Product ID'
    }, {
        dataField: 'name',
        text: 'Product Name'
    }, {
        dataField: 'price',
        text: 'Product Price'
        }];

    return (
        <div>
            <span>Hi!!</span>
            <BootstrapTable keyField='id' data={products} columns={columns} />
        </div>
    );
}
}

ReactDOM.render
(
    <TextTable />, document.getElementById('content')
);

    in Index.cshtml file:
<div class="jumbotron">
<h1>TEST</h1>
<div id="content"></div>

<script src="~/node_modules/react-bootstrap-table-next/dist/react-bootstrap-table-next.js"></script>
<link href="~/node_modules/react-bootstrap-table-next/dist/react-bootstrap-table2.min.css" rel="stylesheet" />
<script src="~/wwwroot/dist/TextTable.js"></script>

Answer 1

将此添加到组件顶部：

{
  "kind": "APIVersions",
  "versions": [
    "v1"
  ],
  "serverAddressByClientCIDRs": [
    {
      "clientCIDR": "0.0.0.0/0",
      "serverAddress": "10.0.1.149:443"
    }
  ]
}

请确保您安装了以下库：import BootstrapTable from 'react-bootstrap-table-next';

之后：

您不再需要npm install react-bootstrap-table-next --save中的<script src="~/node_modules/react-bootstrap-table-next/dist/react-bootstrap-table-next.js"></script>

Answer 2

根据docs，您必须像这样导入BootstrapTable：

import BootstrapTable from 'react-bootstrap-table-next';

react-bootstrap-table-next-未捕获的ReferenceError：BootstrapTable未定义

2 个答案: