Я использую i18next для перевода формулы с французского на арабский c
[import { Translation } from 'react-i18next';
import i18next from 'i18next';
import DirectionProvider, { DIRECTIONS } from 'react-with-direction/dist/DirectionProvider';
render() {
const language = i18next.languages\[0\];
let dir = null;
if (language === "ar") {
dir = DIRECTIONS.RTL;
} else {
dir = DIRECTIONS.LTR;
}
return (
<DirectionProvider direction={dir}>
<form onSubmit={this.onSubmit}>
<div className="form-group">
<label RightToLeft="TRUE"><Translation>{(t) => <>{t('Number.1')}</>}</Translation> </label>
<input type="number" required className="form-control" value={this.state.dure} onChange={this.onChangeDure} />
</div>
</form>
</DirectionProvider>
)
}][1]
он хорошо работает для ввода изменяемой позиции зоны, но для метки не работает.
Результат на этих фотографиях