関連

Material UI でデフォルトで扱われる言語は英語になります。
例えば@material-ui/lib/Alertコンポーネントには、onCloseプロパティを渡すとcloseIconが表示されます。このアイコンはしばらくホバーすると「Close」というテキストが表示されます。

Material UI はこのようなテキストをまとめて日本語化する API を用意してます。それにはcreateMuiThemeユーティリティの第2引数にロケールオブジェクトを渡して使います。

日本語のロケールオブジェクト自体は、

import {jaJP} from '@material-ui/core/locale';

で取り込んで使うだけなので、これをcreateMuiThemeへ渡すだけで日本語化できます。
このロケールオブジェクトにはかなりの数が用意されているので公式サイトを参照してください。

あとは公式サイトこのように 作ったテーマをThemeProviderへ渡してコンポーネントを使うだけです。

import React from 'react';
import Alert from '@material-ui/lab/Alert';
import {
  createMuiTheme,
  ThemeProvider
} from '@material-ui/core/styles';
import {jaJP} from '@material-ui/core/locale';

const theme = createMuiTheme({}, jaJP);

export default function App() {
  return (
    
       {}}
      >
        error text
      
    
  );
}

「Close」から「閉じる」へ変わっていれば大丈夫です。

JavaScript で飯食べたい歴約 5 年、 純( nju33 ) によるノートサイトです。

このサイトではドリンク代や奨学金返済の為、広告などを貼らせて頂いてますがご了承ください。

Change Log