localizing <Link> (react-router-dom) about react-localize-redux HOT 3 CLOSED

@mehmetnyarar In the meantime, although not ideal I'd just split your translation strings:

{
  "goto.homepage.prefix" "Go to",
  "goto.homepage.label" "home page",
  "goto.homepage.suffix" "copy that goes after link goes here."
}

// then in your react component
<p>{ translate('goto.homepage.prefix') } <Link to='/home'>{translate('goto.homepage.label')}</Link> { translate('goto.homepage.suffix') }</p>

from react-localize-redux.

The issue here is <Link/> is not a valid HTML element, but a React element. The library does not currently support Rect elements included in translations, as it is outside the scope of this library.

I'm going to close this issue as it's a duplicate of #46. Please feel free to continue the conversation in that issue.

from react-localize-redux.

@ryandrewjohnson thanks for your time. Unfortunately that approach won't work for me since the structure of the sentence changes between languages (en, ru, tr).

I've created a child component which is basically a switch statement and returns JSX based on active language. For now it works for 3 languages but the solution won't scale once you have many languages or many components needing inline links .

from react-localize-redux.