Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Rails JSX文件不工作_Javascript_Ruby On Rails_Ruby_Reactjs_React Jsx - Fatal编程技术网

Javascript Rails JSX文件不工作

Javascript Rails JSX文件不工作,javascript,ruby-on-rails,ruby,reactjs,react-jsx,Javascript,Ruby On Rails,Ruby,Reactjs,React Jsx,我是RubyonRails新手,有人能告诉我应该把JSX文件放在哪里,以便它将内容呈现到DOM中吗 我有两个独立的视图,一个用于“家”,另一个用于“细节”。在rails的“views”目录中,有一个单独的文件夹用于不同的视图,但它们都位于同一个javascript目录中 如果我调用home.js.jsx和details.js.jsx文件。。。rails不会为react做任何事情 如果我将它们称为home-templates.js.jsx和details-templates.js.jsx,rail

我是RubyonRails新手,有人能告诉我应该把JSX文件放在哪里,以便它将内容呈现到DOM中吗

我有两个独立的视图,一个用于“家”,另一个用于“细节”。在rails的“views”目录中,有一个单独的文件夹用于不同的视图,但它们都位于同一个javascript目录中

如果我调用home.js.jsx和details.js.jsx文件。。。rails不会为react做任何事情

如果我将它们称为home-templates.js.jsx和details-templates.js.jsx,rails将只呈现jsx的细节

然后我将代码放在“html.html.erb”的底部,在
标记中,但仍然不起作用


我哪里出错了?

浏览器无法对JSX文件进行本机解释。之前必须将它们编译为纯JavaScript


一个流行的选择是与。还有gem,它可以在Rails资产管道中提供更好的集成。我正在使用React-Rails gem。如果您运行由React-Rails提供的安装脚本(
Rails g React:install
),您会注意到它在assets/javascripts下为您的React组件创建了一个组件文件夹。这是出于组织目的,但在assets/javascripts中的任何地方都可以。