按需导出和默认导出

按需导出

创建公共事件或者公共属性

export const name = '按需导出'

export function greet() {
    console.log('按需导出函数')
}

然后按需接收

import React from "react";
import {name, greet} from './daoCHu/anxudaochu'

function App() {
    return (
        <>
            <div>{name}</div>
            <button onClick={greet}>按需导出函数</button>
        </>
    );
}

export default App;

默认导出

创建默认导出数据或者函数

const name = '默认'
export default name

使用默认导出进行接收

import React from "react";
import {name, greet} from './daoCHu/anxudaochu'
import names from './daoCHu/morendaochu'

function App() {
    return (
        <>
            <div>{name}</div>
            <button onClick={greet}>按需导出函数</button>
            <div>{names}</div>
        </>
    );
}

export default App;

默认导出和按需导出的区别

默认导出是在一个模块中只导出一个，变量或者函数，但是按需导出可以导出多个变量或者函数。