Draft.js在Rails应用程序视图中未显示任何内容

时间:2018-06-23 06:28:55

标签: ruby-on-rails reactjs draftjs

我已经使用npm和yarn安装了draft-js。安装似乎已经完成。下面是我的react组件的代码:

import React from 'react';
import ReactDOM from 'react-dom';
import {Editor, EditorState} from 'draft-js';

class MyEditor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      editorState: EditorState.createEmpty(),
    }
  }

  onChange = (editorState) => {
    this.setState({
      editorState,
    });
  }

  render() {
    return (
      <div>
        <Editor
          editorState={this.state.editorState}
          onChange={this.onChange}
        />
      </div>
    );
  }
}

export default MyEditor;

尝试使用以下所示的react-rails gem助手在我的视图中呈现它:

<%= react_component("MyEditor") %>

在我看来仍然看不到任何东西。在浏览器开发人员控制台或Rails控制台中看不到任何错误。使用Webpacker进行打包。

有什么建议吗?

0 个答案:

没有答案