Question

我正在使用react-data-grid-addons做出反应。当我在安装完这个项目之后运行我的项目时，我在react-data-grid-addons.js中得到了一个错误和其他一些

TypeError：无法读取属性＆＃39;组件＆＃39;未定义的

(function(module, exports, __webpack_require__) {

'use strict';

exports.__esModule = true;
exports.SimpleRowsContainer = undefined;

var _react = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(3);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

...

  return RowsContainer;
}(_react2['default'].Component); // Error on this line.

如何解决这个问题？

Answer 1

构建无法找到您可能忘记在代码中导入的组件。以下代码必须修复相同的内容。

从'react'

导入{Component}

Answer 2

有两种方法：

1-将此行添加到文件中：+

2-使用import {Component} from 'react'代替React.Component。

这是一个示例：

Component

或第二种方法是：

import React, {Component} from 'react';
class Example extends Component {
}

react-data-grid-addons：TypeError：无法读取属性＆＃39;组件＆＃39;未定义的

2 个答案: