javascript - 组件索引不包含默认导出

Question

Estoutentando criar um index para os componentses em React, porém está ocorrendo um erro ao importar ele, @importimport Card from '../../components';

尝试导入错误：“../../components”不包含默认导出（导入为“卡”）。>

Codigo 做组件：

import React from 'react';
import styled from 'styled-components';


const Card = styled.div`
width: 90px;
height: 90px;
border-radius: 6px;
background-image: url(${(props) => props.photo});
background-size: cover;
`;

const ImageCard = ({photo}) => <Card photo={photo}/>;

export default ImageCard;

Codigo 做索引 dos 组件：

export { default as Card } from "./imageCard";

标签： javascriptreactjs

Answer 1

Olá, ao utilizar:

export { default as Card } from "./imageCard";

é necessário importar Card entre "{}", dessa form:

import {Card} from '../../components';

Devido ao fato do index não conter um "export default"。Se você quiser importar como default o index precisaria estar assim:

import Card from "./imageCard";
export default Card ;

Espero ter ajudado！