Как правильно изменить язык без перенаправления в HTML? ⇐ Html

[Anonymous]

Я новичок в веб-разработке, и мне дали задачу изменить язык веб-сайта, не меняя страницы. (Например, somesite.com/en/home для английского, somesite.com/jp/home для японского и т. д.). Я думаю, что нашел способ использовать React, но я не уверен, является ли этот подход к смене языков естественным, эффективным или нет. Ниже приведен мой код в React.js:

Код: Выделить всё

import React from 'react'
import metadata from './metadata'

class Display extends React.Component
{
constructor()
{
super()
this.state = {l: metadata[0]}
this.handleLanguageChange = this.handleLanguageChange.bind(this)
}

handleLanguageChange()
{
let lang = event.target.value;
if(lang == 'ta')
this.setState({l: metadata[0]})
else if(lang == 'en')
this.setState({l: metadata[1]})
else if(lang == 'jp')
this.setState({l: metadata[2]})
else if(lang == 'zh')
this.setState({l: metadata[3]})
}

render()
{
return(


Tamil
English
Japanese
Chinese

{this.state.l.language}
{this.state.l.title}
{this.state.l.content}

)
}
}

export default Display

а вот мои метаданные.

Код: Выделить всё

const data = [
{
language: 'தமிழ்',
title: 'அறிமுகம் ',
content: 'வேலை செய்கிறதா என பார்க்க'
},
{
language: 'English',
title: 'Introduction',
content: 'To check whether this is working or not'
},
{
language: '日本語',
title: '紹介',
content: '動くかどうか分かるのため'
},
{
language: '中文',
title: '介绍',
content: '知道这是否有效'
}
]

export default data

а также index.js.

Код: Выделить всё

import React from 'react';
import ReactDOM from 'react-dom'
import Display from './Display'

ReactDOM.render(, document.getElementById('root'));

Когда я его протестировал, он работал как во сне. Но верен ли такой подход? Может ли это представлять угрозу безопасности?
Пожалуйста, направьте меня в правильном направлении.

Подробнее здесь: https://stackoverflow.com/questions/615 ... on-in-html