i18n handling
npm install fz-i18n1. I18NProvider
2. ConnectI18NProvider
3. I18N
4. FormatText
5. PluralFormat
6. DateTimeDiffFormat
7. UserTimeDiffFormat
``
`
onChange=((accept,reject)=>{call accept or reject})>
`
`
`
yesterday={{key:"yesterday",params:["hh","mm","ss"]}}
tomorrow={{key:"tomorrow",params:["hh","mm","ss"]}}
others={({years, days, hours, minutes})=>{
if( days > 7){
return "DD-MM-YYYY"
}else{
return getDateKeyWithParam(years, days, hours, minutes)
}
}}
ago="ago"
later="later"
/>
`
tomorrow={{key:"tomorrow",params:["hh","mm","ss"]}}
others={({years, days, hours, minutes})=>{
if( days > 7){
return "DD-MM-YYYY"
}else{
return getDateKeyWithParam(years, days, hours, minutes)
}
}}
ago="ago"
later="later"
/>
`
var Greetings = ()=>{
return Hello,{this.props.name}
}
Hello - hard coded data
name - dynamic data mostly no need to I18N. In case any dynamic data going to pass generic component. use i18nUtils.getI18NValue function
I18N Implementation
var Greetings = ()=>{
return
}
`
`
textarea placeholder display i18n value
var Textarea=()=>{
return
}
You can mention particular props going to accept i18n key. so convert using I18N HOC
Textarea = HOCI18N(["placeHolder"])(Textarea)
You can use utils function