JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<div id="app"></div>

Babel + JSX

// import React from 'react'
// import ReactDOM from 'react-dom'

const Example = props =>
  <div
    dangerouslySetInnerHTML={{ __html: `
      <a href="#test">test</a>
      ${'<br>'.repeat(100)}
      <p id="test">Some text</p>
      ${'<br>'.repeat(100)}
    ` }}
    onLoad={event => {
      if (event.target.tagName === 'A') {
        const link = event.target
        const href = link.getAttribute('href')
        if (href.charAt(0) === '#') {
          const target = document.getElementById(href.substr(1))
          if (target) {
            event.preventDefault()
            const rect = target.getBoundingClientRect()
            const scrollX = 0
            const scrollY = window.pageYOffset + rect.top
            window.scroll(scrollX, scrollY)
          }
        }
      }
    }}
  />

ReactDOM.render(<Example />, document.querySelector('#app'))