'评论'不是从'./Review'中导出的[重复]

Question

我有问题。

我创建了 Review.jsx 文件。 我使用 rafce 并编写了代码。 我想将它导入另一个文件，但它写了一个问题。 “评论”不是从“./Review”导出的

在导入的另一个文件代码中 - import { Review } from './Review';

审阅和这个文件在同一个文件夹中

查看.jsx 代码

import React from 'react';
import { Typography, List, ListItem, ListItemText } from '@material-ui/core';


const Review = ({ checkoutToken }) => {
    return (
        <>
            <Typography variant="h6" gutterBottom>Order Summary</Typography>
            <List disablePadding>
                {checkoutToken.live.line_items.map((product) => (
                    <ListItem style={{padding: '10px 0' }} key={product.name}>
                        <ListItemText primary={product.name} secondary={`Quanity: ${product.quanity}`} />
                        <Typography variant="body2">{product.line_total.formatted_with_symbol}</Typography>

                    </ListItem>
                ))}
                <ListItem style={{padding: '10px 0' }}>
                    <ListItemText primary="Total" />
                    <Typography variant="subtotal" style={{fontWeight: 700}}>
                        {checkoutToken.live.subtotal.formatted_with_symbol}
                    </Typography>

                </ListItem>
            </List>
        </>
    )
}

export default Review;

Answer 1

在 Review.jsx 文件中，您需要通过以下方式导出函数/组件：

export const Review = // your function/component here;

只有这样你才能通过以下方式导入它

import { Review } from './Review';