文章/答案/技术大牛

发布

社区首页 >问答首页 >使用物料UI在Rails上的反应

问使用物料UI在Rails上的反应
EN

Stack Overflow用户

提问于 2017-09-03 16:01:17

回答 1查看 694关注 0票数 0

我试图将资料UI导入我的项目中。

一切正常，但只有模块RaisedButton不能使用，

每次我尝试导入RaisedButton时，我都会得到像图片一样的错误消息。

我的代码如下：

import ReactOnRails from 'react-on-rails';
import PropTypes from 'prop-types';
import React from 'react';
import { createStore, combineReducers, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import RaisedButton from 'material-ui/RaisedButton'; 

const App = () => (
    <MuiThemeProvider>
        <RaisedButton label="hi"/>
    </MuiThemeProvider>
)

ReactOnRails.register({
  App,
});

更新

hello_world/index.html.erb：

<h1>Hello World</h1>
<%= react_component("App", props: @hello_world_props, prerender: false) %>

布局/hello_world.html.erb：

<!DOCTYPE html>
<html>
  <head>
    <title>ReactOnRailsWithWebpacker</title>
    <%= csrf_meta_tags %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'webpack-bundle' %>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

我怎么才能修好它？还是仅仅是Rails Gem上的错误？

ruby-on-rails

reactjs

material-ui

react-on-rails

回答 1

Stack Overflow用户

发布于 2017-09-03 20:32:18

我想我发现了问题，我看到了node_module/material-ui/RaisedButton/RaisedButton.js文件

 return _react2.default.createElement(
        _Paper2.default,
        {
          className: className,
          style: (0, _simpleAssign2.default)(styles.root, style),
          zDepth: this.state.zDepth
        },
        _react2.default.createElement(
          _EnhancedButton2.default,
          (0, _extends3.default)({}, other, buttonEventHandlers, {
            ref: 'container',
            disabled: disabled,
            style: (0, _simpleAssign2.default)(styles.button, buttonStyle),
            focusRippleColor: mergedRippleStyles.color,
            touchRippleColor: mergedRippleStyles.color,
            focusRippleOpacity: mergedRippleStyles.opacity,
            touchRippleOpacity: mergedRippleStyles.opacity
          }),
          _react2.default.createElement(
            'div',
            {
              ref: 'overlay',
              style: prepareStyles((0, _simpleAssign2.default)(styles.overlay, overlayStyle))
            },
            enhancedButtonChildren
          )
        )
      );

在这段代码中，有Obj键ref，我删除了ref，错误不会出现。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46025301

复制

相似问题

问使用物料UI在Rails上的反应
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用物料UI在Rails上的反应EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用物料UI在Rails上的反应
EN