React üzerinde çeviri metne link ekleme (i18next Trans)
Gönderilme zamanı: 27 Ağu 2022, 16:30
style.css
LinkText.js
ContactForm.js
i18n.js
Kod: Tümünü seç
.link-text {
color:#0009c6
}
Kod: Tümünü seç
import React from 'react';
export const LinkText = (props) => {
return (
<a className="link-text" href={props.to || '#'} target="_blank" title={props.title || ''}>
{props.children}
</a>
);
};
Kod: Tümünü seç
<Trans
i18nKey={i18n.t("contactus.clarificationagreetext", { lng })}
components={{
link1: <LinkText to={link1} title="My link1" />
/>
Kod: Tümünü seç
import i18next from 'i18next';
import { initReactI18next } from "react-i18next";
i18next
.use(initReactI18next)
.init({
interpolation: {
// React already does escaping
escapeValue: false,
},
fallbackLng: "en",
lng: 'en', // 'en' | 'es'
// Using simple hardcoded resources for simple example
resources: {
en: {
translation: {
...
contactus: {
...
clarificationagreetext: 'I accept the limited and measured processing of my personal data collected verbally, in writing or electronically, in connection with the purpose of processing, for reasons arising from the explicit consent specified in the <link1>Clarification Text</link1> by the data controller.'
...
}
}
}
tr: {
translation: {
contactus: {
...
clarificationagreetext: 'Veri sorumlusu tarafından <link1>Aydınlatma Metni</link1>\'nde belirtilen açık rızanın alınmasından kaynaklanan nedenlerle sözlü, yazılı ya da elektronik ortamda toplanan kişisel verilerimin işleme amacı ile bağlantılı, sınırlı ve ölçülü işlenmesini kabul ediyorum.'
}
}
}