我的 React 组件都没有加载到我的 html.erb 文件中

Posted 2023-02-22

【中文标题】我的 React 组件都没有加载到我的 html.erb 文件中

【英文标题】：None of my React Components are loading inside of my html.erb files

【发布时间】：2017-02-21 21:13:28

【问题描述】：

我的浏览器开发工具中出现此错误“不推荐为已承载影子根的元素调用 Element.createShadowRoot()”，我怀疑这可能是问题所在。我还怀疑安装 babel 可能弄乱了我的 react-rendering，或者可能是我删除了所有 npm 包。在浏览器的正文标签内，我有

，但页面上没有显示任何内容。我正在使用 react-rails gem。

在我的根 html.erb 文件中

我的主页组件

class Home 扩展 React.Component

渲染()

返回()

你好

在我的 application.js 中

//= 需要 jquery

//= 需要 jquery_ujs

//= 需要反应

//= 需要 react_ujs

//= 需要组件

//= 要求树。

在我的 components.js 中

//= require_tree ./components

【参考方案1】：

您的退货声明不正确，请尝试：

  render() 
    return ( 
      <div>   
        <h1>Hello</h1>
      </div>
    )
  

不要忘记删除 html 标签中“

【参考方案2】：

您的渲染代码有问题。它必须看起来像这样：-

return ( the tags and html part will come here );

所以修正后它看起来像这样：-（不要忘记；太）

render()

        return(
        < div>
        < h1> Hello < /h1>
        < /div>
        );

【讨论】：

欢迎来到 Stack Overflow！请不要只用源代码回答。尝试对您的解决方案如何工作提供一个很好的描述。请参阅：How do I write a good answer?。谢谢