MUI可以和React一起使用么

Question

最近开发需要用到MUI，不知道可不可以和React一起使用。

CSS样式没问题，主要集中在js代码上

老师我看的是这个MUI，我们好像说的不一样http://dev.dcloud.net.cn/mui/，因为实习的公司在用这个框架写WebAPP，我想让这个和React一起用。但是它的JS库mui.js引入有些问题，我在入口文件里这么引入了一下。不加window不行。

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { hashHistory } from 'react-router'
import configureStore from './store/configureStore'
import mui from './static/js/mui.js'
import './static/css/mui.min.css'
import './static/css/base.css'
import './static/css/subpage.css'
//在整体中创建mui对象
window.mui = mui
// 创建 Redux 的 store 对象
const store = configureStore()
import RouteMap from './router/routeMap'
import { testFetch } from './fetch/test.js'
testFetch();
render(
    <Provider store={store}>
        <RouteMap history={hashHistory}/>
    </Provider>,
    document.getElementById('root')
)

这样好像可以引用了，mui.init现在是不报错了，但是不知道行不行。在组件中引用js不能用。但是在页面上写不会报错，但是好像不能运行。求指导一下，怎么能融合一下。我想了一下组件的生命周期。是不是可以在组件update的时候执行一下代码。现在思路有些乱。

Answer 1

Parry 2017-06-15 08:19:40

可以 https://www.muicss.com/docs/v1/react/introduction

• 提问者 TYRMars #1

  老师我看的是这个MUI，我们好像说的不一样http://dev.dcloud.net.cn/mui/，因为实习的公司在用这个框架写WebAPP，我想让这个和React一起用。但是它的JS库mui.js引入有些问题，我在入口文件里这么引入了一下。不加window不行。
  import React from 'react'
  import { render } from 'react-dom'
  import { Provider } from 'react-redux'
  import { hashHistory } from 'react-router'
  import configureStore from './store/configureStore'
  import mui from './static/js/mui.js'
  import './static/css/mui.min.css'
  import './static/css/base.css'
  import './static/css/subpage.css'
  
  //在整体中创建mui对象
  window.mui = mui
  // 创建 Redux 的 store 对象
  const store = configureStore()
  
  import RouteMap from './router/routeMap'
  
  import { testFetch } from './fetch/test.js'
  testFetch();
  
  render(
      <Provider store={store}>
          <RouteMap history={hashHistory}/>
      </Provider>,
      document.getElementById('root')
  )
  这样好像可以引用了，现在是不报错了，但是不知道行不行。在组件中引用js不能用。但是在页面上写不会报错，但是好像不能运行。求指导一下，怎么能融合一下。我想了一下组件的生命周期。是不是可以在组件update的时候执行一下代码。现在思路有些乱。

• Parry 回复 提问者 TYRMars #2

  你看下这里，这个框架我没有深入了解过。https://github.com/dcloudio/mui/issues/184