react-string-template

react-string-template is simple string template with react

install

npm i --save react-string-template

``jsx str={"{name} is a series of {foo} novels written by British author {author} in {yeah}."} renderNoMatch={()=>'not match'} values={{ name: Harry Potter, // Don't forget write key foo: 'fantasy', bar: 'novels', author: 'J. K. Rowling', yeah: 1997, }} > {(children)=>

{children}

}
  
  //Harry Potter is a series of fantasy novels written by British {author} J. K. Rowling in 1997.

`jsx // add click event str={"{charmName} Charm"} values={{ charmName: ( key='patronus' onClick={()=>alert('Patronus!')}> Patronus ), }} > {(children)=>

{children}

`jsx // render no Match str={"I am {name}"} renderNoMatch={()=>'not match'} > {(children)=>

{children}

}
  
  //I am not match

If you don't need escape use {{escape}}`

react-string-template

react-string-template is simple string template with react

install

npm i --save react-string-template

{children}

}
  
  //Harry Potter is a series of fantasy novels written by British {author} J. K. Rowling in 1997.

`jsx // add click event str={"{charmName} Charm"} values={{ charmName: ( key='patronus' onClick={()=>alert('Patronus!')}> Patronus ), }} > {(children)=>

{children}

`jsx // render no Match str={"I am {name}"} renderNoMatch={()=>'not match'} > {(children)=>

{children}

}
  
  //I am not match

If you don't need escape use {{escape}}`