Example of a react component with jss

Section.js

'use strict'

import React from 'react'
import useSheet from 'react-jss'
import sectionStyle from './sectionStyle'
import Item from './Item'

/**
 * One list section which has a title and list items.
 */
var Section = React.createClass({
  mixins: [useSheet(sectionStyle)],

  render() {
    var classes = this.sheet.classes

    var items = this.props.results.map(function (result) {
      return <Item {...result} select={this.props.select} />
    }, this)

    return (
      <section>
        <header className={classes.header}>{this.props.label}</header>
        {items}
      </section>
    )
  }
})

export default Section

sectionStyle.js

'use strict'

import colors from 'theme/base-colors'
import fonts from 'theme/fonts'

export default {
  header: {
    extend: fonts.small,
    background: colors.silverDark,
    padding: '10px 8px 4px 8px',
    textTransform: 'uppercase',
    color: colors.gainsboroDark
  }
}