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.

Integration with react-intl; how to?

See original GitHub issue

Anyone knows how to integrate redux-form with react-intl to format the value of a field?

Eg. when we have a <Field name="mileage" component={Input} placeholder="Mileage" type="number" />

and I would like to have the value 100000 displayed as 100,000 in the field but actually leave the store as 100000 so when I submit the form 100000 is saved and not 100,000.

@dekeey, I could see you were commenting here about using react-intl HOC to wrap your custom input component. Would you be able to help?

Issue Analytics

State:
Created 7 years ago
Comments:10

Top GitHub Comments

1reaction

jochienabuurscommented, Dec 29, 2016

You actually could use the format function for this

0reactions

lock[bot]commented, Dec 7, 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Top Results From Across the Web

How to translate your React app with react-intl / FormatJS

How to translate your React app with react-intl / FormatJS ; Select React as Framework Click on React in BabelEdit's main screen. ;...

React Intl: Internationalize your React apps - LogRocket Blog

With the React Intl library, learn how to internationalize any React project to seamlessly change language and currency within web apps.

React i18n: A step-by-step guide to React-intl - Lokalise Blog

This article is a thorough guide on how to work with React-intl to internationalize your React application. We will discuss the following ...

React internationalization with react-intl - Localizely

The react-intl is a part of Format.JS, a set of JavaScript libraries for internationalization and formatting. It is a well-documented and ...

Overview | Format.JS

React Intl has two ways to format data, through React components and its API. The components provide an idiomatic-React way of integrating internationalization ......