当您的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}也不能工作(什么都不会发生)。