withI18n (v9)
Was introduced in v8.0.0. Not available in older versions.
withI18n
is a basic higher order component which passes mainly the t
function down to the wrapped component.import React, { Component } from "react";
import { withI18n } from "react-i18next";
class MyComponent extends Component {
render() {
const { t } = this.props;
return <h2>{t('Welcome to React')}</h2>;
}
}
export default withI18n()(MyComponent);
This component won't trigger a rerender on language change. The passed down
t
function will be the same as calling i18n.t
directly and not be bound to a specific namespace or even trigger a load of a namespace.Last modified 4yr ago