react-string-format
TypeScript maybe monad for reaching child fields inside complicated objects.
Usage
Installation:
npm install react-string-format
Import
import { format } from 'react-string-format';
Format string or number
format('text: {1}, number: {0}', 'hello!', 123);
'text: hello!, number: 123'
Format react component
format('hiperlink: {0}, span tag: {1}', <a href="#">Click Me</a>, <span>Bla-bla</span>);
<React.Fragment>
<React.Fragment key={0}>hiperlink: </React.Fragment>
<React.Fragment key={1}>
<a href="#">Click Me</a>
</React.Fragment>
<React.Fragment key={2}>, span tag: </React.Fragment>
<React.Fragment key={3}>
<span>Bla-bla</span>
</React.Fragment>
</React.Fragment>