Uncaught (in promise) Error: ReactElement styleName property defines multiple module names ("nav-right fr").的解決方案
故事發(fā)生的背景：
使用react-css-modules來(lái)引入css（原先用的是css-modules徒欣，后來(lái)發(fā)現(xiàn)不好用）政模，引入的方法如下：
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>
運(yùn)行后界面出不來(lái)辑莫，js報(bào)錯(cuò)弄痹。
Uncaught (in promise) Error: ReactElement styleName property defines multiple module names ("nav-right fr").
js報(bào)錯(cuò)
網(wǎng)上搜索了一下，問(wèn)題出在react-css-modules的使用上哀蘑。
找到react-css-modules的主頁(yè)诚卸。
https://github.com/gajus/react-css-modules#allowmultiple
其中有這么一段話(huà)
allowMultiple
默認(rèn)情況下，allowMultiple為false绘迁，只需要將其設(shè)為true就可以。
所以正確的寫(xiě)法：
{"allowMultiple":true}
