How use Multilanguage in jsx?

[cawa-93]

How I can use Language suffixes in jsx file?

[oscarotero]

I think it's not possible to export a variable with a dot in the name. This will fail

export const title.en = "Title";
export const title.gl = "Título";

But you can export the language variables:

export const en = {
  title: "Title",
}

export const gl = {
  title: "Título",
}

[cawa-93]

Yes, I use language variables. But I would like to export some array of objects in which only a few fields are subject to translation. As in this yaml demo

links:
  - title: My personal site
    title.gl: O meu sitio persoal # The link title in galician
    title.es: Mi sitio personal # The link title in spanish
    url: https://oscarotero.com

  - title: Lume
    url: https://lume.land

[oscarotero]

Ah, ok.
You can do this:

export const links = [
  {
    title: "My personal site",
    ["title.gl"]: "O meu sitio persoal", // The link title in galician
    ["title.es"]: "Mi sitio personal" // The link title in spanish
    url: "https://oscarotero.com",
  },
  {
    title: "Lume",
    url: "https://lume.land",
  },
];