如何为我自己的文件使用 React 样式导入？

Question

我想使用 React 或本例中经常使用的这种形式 react-redux

import redux, { useSelector, useDispatch } from 'react-redux';

所以我尝试了明显的：

我创建了一个导出文件：

const exp = {};
exp.a = 'a-1';
exp.b = 'b-1'; 
export default exp;

以及导入它的文件：

import {a, b} from './40-export.js';  // this does not work
// import test from './40-export.js';  // this works
// const {a, b} = test;  // this works

Answer 1

您需要同时具有export default和命名导出。 制作您导出的独立a和b变量，并将其分配给默认导出 object 的属性。

export const a = 'a-1';
export const b = 'b-1'; 
export const exp = { a, b }; // if you want this to be a named export too
export default exp;

Answer 2

export const a = 2
export const b = 3
export default const c = 3

然后

import c , {a, b} from "your/file"

注意{...}用于命名导入，而默认导出则缺少它。