首页 文章

在另一个TypeScript组件中引用React-Redux TypeScript组件会导致“无导出成员”错误

提问于
浏览 次
0

我有以下TypeScript（v3.01）React组件名为TopBar，我现在正在添加React-Redux . 然后在名为Layout的父组件中引用TopBar组件 .

import * as React from 'react';
import { connect } from "react-redux";

import { decrementZoomLevel, incrementZoomLevel, setCenterPoint, setZoomLevel } from '../store/actions';

class TopBar extends React.Component<any, any>{
...
};

/*
 * Redux-React setup
*/
const mapStateToProps = (state: any): any => {
  return {
    centerPoint: state.centerPoint,
    zoomLevel: state.zoomLevel
  }
}

export default connect(mapStateToProps)(TopBar);

但是，当我在另一个Layout TypeScript组件中引用此组件时

import * as React from 'react';
import { TopBar } from './TopBar';

export class Layout extends React.Component<any, any> {
...
};

我收到以下TypeScript错误

（TS）模块："C:/....../TopBar"没有导出成员'TopBar' .

在添加React-Redux代码之前，类定义是

export default class TopBar extends React.Component<any, any>{
...
};

我能够在布局中引用TopBar组件，没有错误 .

既然我正在添加React-Redux connect（）语句，我如何在另一个组件中正确引用TopBar？

reactjs typescript redux react-redux

1 回答

  • 1

    这是默认导出，您必须以这种方式导入 .

    import * as React from 'react';
import TopBar from './TopBar';

export class Layout extends React.Component<any, any> {
...
};
    回复于

相关问题