时间戳

首页 > 解决方案 > ./activetenant' 不包含名为 'ActiveTenant' 的导出

reactjs - ./activetenant' 不包含名为 'ActiveTenant' 的导出

问题描述

我正在尝试使用已经创建的组件，但我无法弄清楚问题所在：

活跃租户

import React, { Component } from 'react';
import authAction from '../../redux/auth/actions';

class ActiveTenant extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div></div>
    );
  }
}
export default ActiveTenant;

以及我尝试使用它的组件

import React, { Component } from "react";
import { connect } from "react-redux";
import { Layout } from "antd";
import appActions from "../../redux/app/actions";
import TopbarUser from "./topbarUser";
import TopbarWrapper from "./topbar.style";
import themes from "../../settings/themes";
import { themeConfig } from "../../settings";
import { ActiveTenant } from "./activetenant";

const { Header } = Layout;
const { toggleCollapsed } = appActions;
const customizedTheme = themes[themeConfig.theme];

class Topbar extends Component {
  render() {
    const { toggleCollapsed } = this.props;
    const collapsed = this.props.collapsed && !this.props.openDrawer;
    const styling = {
      background: customizedTheme.backgroundColor,
      position: "fixed",
      width: "100%",
      height: 70
    };
    return (
      <TopbarWrapper>
        <Header
          style={styling}
          className={
            collapsed ? "isomorphicTopbar collapsed" : "isomorphicTopbar"
          }
        >
          <div className="isoLeft">
            <button
              className={
                collapsed ? "triggerBtn menuCollapsed" : "triggerBtn menuOpen"
              }
              style={{ color: customizedTheme.textColor }}
              onClick={toggleCollapsed}
            />
          </div>

          <ul className="isoRight">
            <li>
              <ActiveTenant />
            </li>
            <li
              onClick={() => this.setState({ selectedItem: "user" })}
              className="isoUser"
            >
              <TopbarUser />
            </li>
          </ul>
        </Header>
      </TopbarWrapper>
    );
  }
}

export default connect(
  state => ({
    ...state.App.toJS()
  }),
  { toggleCollapsed }
)(Topbar);

和错误

./src/containers/Topbar/Topbar.js 105:34-46 './activetenant' 不包含名为 'ActiveTenant' 的导出。

标签： reactjs

解决方案

你正在使用export default ActiveTenant在这种情况下，代码应该是这样的

import ActiveTenant  from "./activetenant";

如果要导出多个值，请使用{}导入

例如 //test.js

var a = "cool";
var b = "dool";
export a;
export b;

import {a,b} from './test.js'

推荐阅读