Uncaught (in promise) Error: ReactElement styleName property defines multiple module names ("nav-right fr").的解決方案

故事發(fā)生的背景：
使用react-css-modules來引入css（原先用的是css-modules，后來發(fā)現不好用），引入的方法如下：

import CSSModules from 'react-css-modules'
import styles from './less/nav.less'
@CSSModules(styles)

<ul styleName="nav-right fr">
      <li><a href="">反饋</a></li>
      <li><a href=""><i styleName="ic ic-bell"></i></a></li>
      <li><a href=""><i styleName="ic ic-thub"></i></a></li>
</ul>

運行后界面出不來，js報錯。

Uncaught (in promise) Error: ReactElement styleName property defines multiple module names ("nav-right fr").

js報錯

網上搜索了一下，問題出在react-css-modules的使用上。
找到react-css-modules的主頁。

https://github.com/gajus/react-css-modules#allowmultiple
其中有這么一段話

allowMultiple

默認情況下，allowMultiple為false，只需要將其設為true就可以。
所以正確的寫法：

{"allowMultiple":true}