Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Trans component how to pass context?

See original GitHub issue

When I use the useTranslation hook I can use the t function and pass it a context.

How can I pass a context to the Trans component too?

I couldn’t find it in the documentation.

Issue Analytics

State:
Created 4 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

jamuhlcommented, Aug 30, 2019

correct link is: https://react.i18next.com/latest/trans-component#trans-props

tOption was existing for long…was just not documented

0reactions

MrLohcommented, Aug 30, 2019

Awesome, thanks for the super quick response.

Top Results From Across the Web

Trans Component - react-i18next documentation

You can pass in variables to get interpolated into the translation string by using objects containing those key:values.

How to use the Trans component for bold or italicized text in ...

I am trying to use nested bold or italicized text in my JSON strings. For context, I have translation file called "homepage.json" which...

Common i18n patterns in React — LinguiJS documentation

For all other js macros (plural, select, selectOrdinal), pass ID as the first ... Sometimes you can't use <Trans> component, for example when...

Optimized components — LinguiJS documentation

Based on change of props and state, component can decide to continue re-rendering or skip the update completely. However, LinguiJS reads translations from ......

react-i18next | Yarn - Package Manager

12.1.0. context-less version of Trans component to be used for environments without react context 1588. 12.0.0. Update t function types to rely on...