Comments (4)
I have updated the translate function to return a string when a translation does not include HTML. In the case where a translation contains HTML it will still return the translation wrapped in a <span>
tag like it did previously.
I have also updated the README for getTranslate to explain this.
I chose this route instead of adding an option because:
- Keeps the API the same - no changes needed
- In order to render HTML contained in translations it has to be wrapped in a React element anyway.
You can find the changes in v2.3.0.
from react-localize-redux.
In order to allow for the rendering of HTML inside translation strings it needs to be returned as an element. I will look into maybe only returning an element when HTML is detected in the translation, and for other scenarios it would just return a string.
Would that satisfy your ask?
from react-localize-redux.
Actually, if there is an option for me to choose String type would be good enough.
I am now using LocalizedElement.props.children
which is not a good solution.
from react-localize-redux.
Cool. Thanks. Tested. :)
from react-localize-redux.
Related Issues (20)
- Specify in the documentation that component that holds `props.initialize` should be a class HOT 1
- translate function not returning proper type [with CodeSandBox example]
- Translation returns [Object object]
- LocalizeContext not declared in types declaration despite being exported HOT 2
- onMissingTranslation for multiple translations HOT 1
- Translating external components HOT 1
- Falling back to a translation that has html in it causes a crash
- Unit test for the Translate Component in Demo HOT 1
- [Bug] onMissingTranslation is a non-serializable value HOT 1
- Translate component not working with options { defaultLanguage: "XX" }
- License issue with dependency: create-react-context ^0.2.2 (resolves to 0.2.3) HOT 1
- Denial of Service Node Fetch HOT 1
- Fallback option for default language when using translate() function
- Performance with big translation file HOT 1
- Getting value to populate to render block without triggering warning
- Import "InitializePayload" fails in esbuild (e.g. when using Vite) HOT 3
- Update react peer dependency HOT 4
- Type mismatch when using redux toolkit with Typescript
- Vulnerabilities in the latest react-localize-redux HOT 8
- Localize.on "initialize" never fires
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-localize-redux.