没有 gem 的 React + Redux +Rails 和 webpack

Question

我是 React 新手，我正在尝试在没有 gem 的情况下将 react 与 rails 集成。不知何故，我成功地通过使用 web pack 进行了集成。在将数据检索到已存储在数据库中的视图时，我遇到了一个小问题。

这里有一些简单的解释

def index
  @products = Product.all
end

使用 Rails，我可以访问该实例变量并循环访问该变量并在视图中显示数据

我的想法是将实例变量分配给变量并使用此 React 组件，如下所示。

products = @products

products.map(function(product){
    return(
      product.id
      product.name
    )
});

但这对我不起作用。

我希望有人已经做到了，并且在不使用 gem 的情况下对 react 和 rails 有很好的想法，帮助我找到解决方案

提前致谢

Answer 1

我也是反应的新手，据我所知，我们不能分配 rails 对象直接反应

我对我的项目这样做是为了实现和你一样的功能

var Body = React.createClass({
    getInitialState() {
        return { products: [] }
    },
    componentDidMount() {
        $.getJSON(`/products.json`, (response) => { this.setState({ products: response }) });
    },
})

在此之后，您可以像这样使用“产品”变量

this.state.products

更多参考请访问this

希望对你有所帮助。

Answer 2

您需要在 rails 端渲染 JSON，然后从 React 中使用它。您将无法在 rails 应用程序之外访问 @products 变量。

def index
  @products = Product.all
  render :json => @products.to_json
end