Babel plugin for React component to transform the JSXAttribute from v-html to dangerouslySetInnerHTML.
npm install babel-plugin-react-v-htmlv-html to dangerouslySetInnerHTML.``bash`
$ npm install babel-plugin-react-v-html --save-dev
When you use of the innerHTML in React, you usually use the dangerouslySetInnerHTML of JSXAttribute. But it is too long and complex, like this
` jsx
class App extends React.Component{
constructor(props){
super(props);
this.state = {
html:
}
}
render() {
const html = this.state; return (
)
}
}
`It's so troublesome, although It wants to warn you the
innerHTML is dangerous because the innerHTML can open you up to a cross-site scripting (XSS) attack.
So, this plugin is born to resolve this problem.
With this plugin, you can easily code.Instead,
` jsx
class App extends React.Component{
constructor(props){
super(props); this.state = {
html:
}
}
render() {
const html = this.state; return (
)
}
}
`Usage
Write via babelrc.
` json
// .babelrc
{
"plugins": [
"react-v-html"
]
}``