如何为React版FullCalendar组件设置西班牙语显示语言

• 首先安装@fullcalendar/core依赖（该包内置了所有官方支持的本地化语言配置，未安装的话执行以下命令）：

npm install @fullcalendar/core
# 或使用yarn
yarn add @fullcalendar/core

• 在你的日历组件文件头部导入西班牙语本地化配置
• 在FullCalendar组件上新增locale属性，绑定导入的西班牙语配置即可

修改后的完整代码如下：

import FullCalendar from '@fullcalendar/react' // must go before plugins
import dayGridPlugin from '@fullcalendar/daygrid' // a plugin!
import esLocale from '@fullcalendar/core/locales/es' // 导入西班牙语配置

export default function Calendar(props){
    
    return (
        <Box>
            <FullCalendar
            plugins={[ dayGridPlugin ]}
            initialView="dayGridMonth"
            locale={esLocale} // 绑定西班牙语配置
            />
        </Box>
    );

}

如果后续需要动态切换多语言，只需要根据需求给locale属性传入对应语言的配置对象即可。

内容的提问来源于stack exchange，提问作者Agu Dondo