antd: 国际化 zh-CN/en-US

确认安装了 antd 到项目

yarn add antd

基本结构如下

import ReactAntResourceTree from '@jswork/react-ant-resource-tree/src/main';
// 1. 引入 provider
import { ConfigProvider } from 'antd';

// 2. 引入语言包
import zhCN from 'antd/es/locale/zh_CN';
import '@jswork/react-ant-resource-tree/src/style.scss';

function App() {
  const fetcher = async (params: any) => {
    const response = await fetch('/tree.json').then(r => r.json())
    return {
      data: response as any
    }
  };
  return (
  // 3. 使用 Provider
    <ConfigProvider locale={zhCN}>
      <div className="m-10 p-4 shadow bg-gray-100 text-gray-800 hover:shadow-md transition-all">
        <div className="badge badge-warning absolute right-0 top-0 m-4">
          Build Time: {BUILD_TIME}
        </div>
        <ReactAntResourceTree title="Tree管理" name="categories" fetcher={fetcher} />
      </div>
    </ConfigProvider>
  );
}

export default App;