1

注册在默认的 HelloWorld 应用程序中运行良好，但是一旦我删除了该文件夹并创建了自己的文件夹，它就停止了工作。

我在 app/bundles 下创建了一个名为 posts 的新文件夹，其中包含一个启动文件夹。

在启动文件夹中，我正在注册组件，如下所示：

import ReactOnRails from 'react-on-rails';

import PostContainer from '../containers/PostContainer';

ReactOnRails.register({
  PostContainer
});

PostContainer.jsx 文件位于容器文件夹中，如下所示：

import React, { PropTypes, Component } from 'react';

export default class PostsContainer extends React.Component {
  render() {
    return (
      <div>
        <Header />
        <PostList posts={this.props.posts} />
      </div>
    )
  }
}

我的 webpack.config.js 文件如下所示：

entry: [
    'es5-shim/es5-shim',
    'es5-shim/es5-sham',
    'babel-polyfill',
    './app/bundles/HelloWorld/startup/registration',
  ],

我尝试将 HelloWorld 更改为帖子或帖子，但它不起作用。

我应该有一个名为 webpack.configure.build.js 的文件吗？还是 webpack.config.js 是我需要编辑的文件？

任何帮助，将不胜感激！

4

1 回答 1

2

您是否将组件添加到 erb 视图文件中并传入了相关的 props？您需要在 Posts 控制器或渲染您的 Posts 视图的任何控制器中添加道具。我很确定你需要在你的 webpack 配置中添加一行：

config: {
  'webpack-bundle': [
    '...',
    './app/bundles/Posts/startup/registration'
  ]
}

那么在你看来：

<%= react_component("PostsContainer", props: @posts_props, prerender: false) %>

还要确保在您的布局文件中有：

<%= javascript_pack_tag 'webpack-bundle' %>

注意：现在PropTypes应该从prop-types包中导入。最近，React 团队从 React 核心中取出了那个包。

于 2017-08-01T15:35:58.053 回答