57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
/*
|
|
* Copyright (c) 2023 Huawei Technologies Co.,Ltd.
|
|
*
|
|
* openInula is licensed under Mulan PSL v2.
|
|
* You can use this software according to the terms and conditions of the Mulan PSL v2.
|
|
* You may obtain a copy of Mulan PSL v2 at:
|
|
*
|
|
* http://license.coscl.org.cn/MulanPSL2
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
|
|
* EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
|
|
* MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
|
|
* See the Mulan PSL v2 for more details.
|
|
*/
|
|
|
|
import Inula, { useState } from 'openinula';
|
|
import { IntlProvider } from "../index";
|
|
import zh from "./locale/zh";
|
|
import en from "./locale/en";
|
|
import Example1 from "./components/Example1";
|
|
import Example2 from "./components/Example2";
|
|
import Example3 from "./components/Example3";
|
|
import Example4 from "./components/Example4";
|
|
import Example5 from "./components/Example5";
|
|
import Example6 from "./components/Example6";
|
|
|
|
const App = () => {
|
|
const [locale, setLocale] = useState('zh');
|
|
const handleChange = () => {
|
|
locale === 'zh' ? setLocale('en') : setLocale('zh');
|
|
};
|
|
const message = locale === 'zh' ? zh : en
|
|
|
|
|
|
return (
|
|
<IntlProvider locale={locale} messages={locale === 'zh' ? zh : en}>
|
|
<header>Inula-Intl API Test Demo</header>
|
|
|
|
<div className='container'>
|
|
<Example1/>
|
|
<Example2/>
|
|
<Example3/>
|
|
</div>
|
|
<div className='container'>
|
|
<Example4 locale={locale} messages={message}/>
|
|
<Example5/>
|
|
<Example6 locale={{ locale }} messages={message}/>
|
|
</div>
|
|
<div className='button'>
|
|
<button onClick={handleChange}>切换语言</button>
|
|
</div>
|
|
</IntlProvider>
|
|
);
|
|
}
|
|
|
|
export default App
|