无法导入 react-addons-shallow-compare，Typescript

Question

我需要在自定义 React 组件的 shouldComponentUpdate 函数中使用 shallowCompare 函数。我收到以下错误：

app.js:95084 Uncaught TypeError: Cannot read property 'shallowCompare' of undefined

我已经安装了 react-addons-shallow-compare 版本 15.3.0，我在 node_modules 中找到了它。它看起来像这样：

module.exports = require('react/lib/shallowCompare');

这是引用的shallowCompare.js。

/**
 * Copyright 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
* @providesModule shallowCompare
*/

'use strict';

var shallowEqual = require('fbjs/lib/shallowEqual');

/**
 * Does a shallow comparison for props and state.
 * See ReactComponentWithPureRenderMixin
 * See also https://facebook.github.io/react/docs/shallow-compare.html
 */
function shallowCompare(instance, nextProps, nextState) {
  return !shallowEqual(instance.props, nextProps) || !shallowEqual(instance.state, nextState);
}

module.exports = shallowCompare;

我也安装了打字。我有这个版本：

// Generated by typings
// Source: https://raw.githubusercontent.com/DefinitelyTyped/DefinitelyTyped/6a36f6d5b61602b6c4ad932599097135e80abaf4/react/react-addons-shallow-compare.d.ts
declare namespace __React {
    namespace __Addons {
        export function shallowCompare<P, S>(
            component: __React.Component<P, S>,
            nextProps: P,
            nextState: S): boolean;
    }
}

declare module "react-addons-shallow-compare" {
    var shallowCompare: typeof __React.__Addons.shallowCompare;
    export = shallowCompare;
}

现在我正在尝试导入它并在我的一个文件中使用它。我已经尝试了所有导入它的策略。

import { __Addons as ReactAddons } from "react";

/* ... other stuff ... */

ReactAddons.shallowCompare(this, nextProps, nextState);

或

import shallowCompare = require("react-addons-shallow-compare");

/* ... other stuff ... */

shallowCompare(this, nextProps, nextState);

或

import shallowCompare = __React.__Addons.shallowCompare;

/* ... other stuff ... */

shallowCompare(this, nextProps, nextState);

在最后一种情况下，我得到的错误不是上面提到的错误，而是

Uncaught ReferenceError: __React is not defined

顺便提一下，我使用的是 Typescript 1.8.10。

不管怎样，我也收到以下错误：

Failed to parse SourceMap

我有一段时间一直坚持这个问题。如果能提供帮助，我们将不胜感激。

谢谢！

Answer 1

import * as shallowCompare from "react-addons-shallow-compare"; 有效！

如果有人想解释原因并想编辑这个答案，我将不胜感激。

无法导入 react-addons-shallow-compare，Typescript

Cannot import react-addons-shallow-compare, Typescript

reactjs

typescript

import

webpack

source-maps