I had a use -case where I was suppose to add terms &amp; conditions in my project. Initially created a react component &amp; added the terms &amp; conditions content in that file. But then there were unwanted lint errors like max length of line etc. 
So then I imported that file, as module export, like below
<h4 id="heading-tncjs">tnc.js</h4>
<pre><code>module.exports. =`&lt;Doctype&gt;&lt;html content if terms &amp; condition&gt;&lt;/Doctype&gt;`
</code></pre>And imported this file in the parent component
<h4 id="heading-tnccontentjs">tncContent.js</h4>
<pre><code>import termsAndCondition from 'tnc.js'

const tncContent=() =&gt;{
return (
 &lt;div dangerouslySetInnerHtml={{ _html: termsAndCondition}}&gt; 
 )
}
</code></pre>Tadda!! Html has been imported &amp; no more sonar lint errors anymore
Thanks for reading. 
Feel free to connect me on Twitter, Linkedin

I had a use -case where I was suppose to add terms & conditions in my project. Initially created a react component & added the terms & conditions content in that file. But then there were unwanted lint errors like max length of line etc. 

So then I imported that file, as module export, like below

#### tnc.js
```
module.exports. =`<Doctype><html content if terms & condition></Doctype>`
```

And imported this file in the parent component
#### tncContent.js 

```
import termsAndCondition from 'tnc.js'

const tncContent=() =>{
return (
 <div dangerouslySetInnerHtml={{ _html: termsAndCondition}}> 
 )
}
``` 

Tadda!! Html has been imported & no more sonar lint errors anymore

Thanks for reading. 

Feel free to connect me on Twitter, Linkedin

Learn how to Embed html file in React easily without breaking any css.

How to embed html file in React?

tnc.js

tncContent.js