带点符号的多重导出 [英] Multiple export with dot notation
问题描述
我有这个代码:
侧边栏.jsx
class Sidebar extends Component {使成为() {返回 (<div className="sidebar">{ this.props.children }
);}}类项目扩展组件{使成为() {返回 (<div><b>{ this.props.name } </b>
);}}出口{侧边栏,项目};
index.js
export {default as Header} from './Header';从'./Footer'导出{默认为页脚};从 './Sidebar' 导出 {default as Sidebar, Item};
app.jsx
import { Sidebar } from '../components';类 App 扩展组件 {使成为() {返回 (<div><标题/><侧边栏><Sidebar.Item name='item1'/><Sidebar.Item name='item2'/><Sidebar.Item name='item3'/></侧边栏><页脚/>//...
我得到的错误是:
<块引用>TypeError: 无法读取未定义的属性Item"
如何在 index.js
中多次导出组件并从另一个文件调用?我确信页眉和页脚工作正常,因为我在那个文件中只有一个类.
function Sidebar(props) {返回 (<div className="sidebar">{ props.children }
);}功能项(道具){返回 (<div><b>{ this.props.name } </b>