dhtml.jsx

import React, { Component } from 'react'
import useSheet from 'react-jss'

// You can use jss directly too!
import jss from 'jss'
import vendorPrefixer from 'jss-vendor-prefixer'
jss.use(vendorPrefixer)

const styles = {
  button: {
    'background-color': 'yellow'
  },
  label: {
    'font-weight': 'bold'
  }
}

class Button extends Component {
  onClick: function(e) {
    alert('hello!');
  },  
  render() {
    const { classes } = this.props.sheet

    return (
      <div className={classes.button}>
        <span className={classes.label} onClick={this.sayHello}>
          {this.props.children}
        </span>
      </div>
    )
  }
}

export default useSheet(Button, styles)