Multilingual - Greetings React Js Github

import React, useState from 'react'; import useTranslation from 'react-i18next'; const Greeting = () => const t, i18n = useTranslation(); const [name, setName] = useState('Guest');

, ja: translation: greeting: "こんにちは、nameさん！アプリへようこそ。", select_lang: "言語を選択" multilingual greetings react js github

In today’s globalized world, a simple "Hello" can open doors. But what if your React app needs to say "Bonjour," "Hola," or "こんにちは"? That’s where (i18n) comes in. useState from 'react'

export default Greeting; import React from 'react'; import './App.css'; import Greeting from './components/Greeting'; import './i18n'; // initialize i18n function App() return ( <div className="App"> <header className="App-header"> <Greeting /> </header> </div> ); import useTranslation from 'react-i18next'

<div style=styles.card> <h3>t('greeting', name )</h3> <input type="text" placeholder="Enter your name" value=name onChange=(e) => setName(e.target.value) style=styles.input /> </div> </div> ); ;