reactjs - className にダッシュが含まれている場合、withStyles (同形スタイルローダー) をどのように使用しますか?

Question

これがあなたの SCSS だとしましょう:

.someclass {
  background: red;
  height: 1500px;
  width: 10000px;
}

そして、これはあなたがそれを使用する方法です：

import React, { Component, PropTypes } from 'react'
import ReactDropZone from 'react-dropzone'
import ReactDOM from 'react-dom'
import withStyles from 'isomorphic-style-loader/lib/withStyles'
import s from './ImageTool.scss'

class ImageTool extends Component {

  render() {

    return (

      <div className={s.someclass}></div>

    )

  }

}

export default withStyles(ImageTool, s)

したがって、これはうまく機能します。

クラスに名前を付ける必要がある場合はどうなりますsome-classか? 明らかclassName={s.some-class}に機能せず、どちらも機能しませんclassName={s.someClass}(何も起こりません)。