你如何将 mobx 与 react rails 一起使用?
How do you use mobx with react rails?
在尝试使用 react-rails 时,我一直 运行 遇到将 mobx
作为状态管理合并到我的应用程序中的问题。
我的印象是 rails 资产管道会引入 mobx 来做出反应,但是,这并没有成功。我正在使用 react-rails gem 并尝试将 mobx 合并到我的反应中。es6.jsx 组件文件夹中的工作表。
我的package.json文件:
{
"name": "rent-pseudo",
"version": "1.0.0",
"description": "== Zipqode",
"main": "index.js",
"dependencies": {
"babel-plugin-syntax-async-functions": "^6.3.13",
"babel-plugin-transform-regenerator": "^6.3.18",
"babel-polyfill": "^6.3.14",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"babel-preset-stage-0": "^6.3.13",
"babelify": "^7.2.0",
"bourbon": "^4.2.7",
"bourbon-neat": "^1.8.0",
"browserify": "^13.1.0",
"browserify-incremental": "^3.1.1",
"font-awesome": "^4.6.3",
"graphql": "^0.6.2",
"mobx": "2.4.1",
"mobx-react": "^3.5.3",
"mobx-react-devtools": "^4.2.5",
"react": "^15.3.1",
"react-dom": "^15.3.1",
"react-google-maps": "^4.11.0",
"react-router": "2.6.1",
"es6-promise": "^3.0.2",
"fetch": "^0.3.6",
"jquery": "^2.1.4",
"jquery-ujs": "^1.0.4"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://alexung@github.com/alexung/rent-pseudo.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/alexung/rent-pseudo/issues"
},
"homepage": "https://github.com/alexung/rent-pseudo#readme"
}
我的第一个 React 文件包含在 /components
中:
import { observer } from 'mobx-react'
const SearchResultsLayout = observer(React.createClass({
render: function() {
return (
<h1>Hello, World</h1>
)
}
}))
但我一直收到错误 VM3275:1 Uncaught ReferenceError: SearchResultsLayout is not defined
有什么想法吗?
您可以使用 rails 项资产中的 mobX
。
https://rails-assets.org/#/?query=mobx
您似乎没有通过
在您的 jsx 文件中声明 React
import React from 'react'
或者 mobx 包没有安装
对于那些有兴趣了解的人,react_on_rails gem 更适合合并 mobx。今天早上通过简单地安装 gem 和 npm 安装 mobx 到我的 package.json
中,它包含在 client
文件夹
中,让它开始工作
在尝试使用 react-rails 时,我一直 运行 遇到将 mobx
作为状态管理合并到我的应用程序中的问题。
我的印象是 rails 资产管道会引入 mobx 来做出反应,但是,这并没有成功。我正在使用 react-rails gem 并尝试将 mobx 合并到我的反应中。es6.jsx 组件文件夹中的工作表。
我的package.json文件:
{
"name": "rent-pseudo",
"version": "1.0.0",
"description": "== Zipqode",
"main": "index.js",
"dependencies": {
"babel-plugin-syntax-async-functions": "^6.3.13",
"babel-plugin-transform-regenerator": "^6.3.18",
"babel-polyfill": "^6.3.14",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"babel-preset-stage-0": "^6.3.13",
"babelify": "^7.2.0",
"bourbon": "^4.2.7",
"bourbon-neat": "^1.8.0",
"browserify": "^13.1.0",
"browserify-incremental": "^3.1.1",
"font-awesome": "^4.6.3",
"graphql": "^0.6.2",
"mobx": "2.4.1",
"mobx-react": "^3.5.3",
"mobx-react-devtools": "^4.2.5",
"react": "^15.3.1",
"react-dom": "^15.3.1",
"react-google-maps": "^4.11.0",
"react-router": "2.6.1",
"es6-promise": "^3.0.2",
"fetch": "^0.3.6",
"jquery": "^2.1.4",
"jquery-ujs": "^1.0.4"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://alexung@github.com/alexung/rent-pseudo.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/alexung/rent-pseudo/issues"
},
"homepage": "https://github.com/alexung/rent-pseudo#readme"
}
我的第一个 React 文件包含在 /components
中:
import { observer } from 'mobx-react'
const SearchResultsLayout = observer(React.createClass({
render: function() {
return (
<h1>Hello, World</h1>
)
}
}))
但我一直收到错误 VM3275:1 Uncaught ReferenceError: SearchResultsLayout is not defined
有什么想法吗?
您可以使用 rails 项资产中的 mobX
。
https://rails-assets.org/#/?query=mobx
您似乎没有通过
在您的 jsx 文件中声明 Reactimport React from 'react'
或者 mobx 包没有安装
对于那些有兴趣了解的人,react_on_rails gem 更适合合并 mobx。今天早上通过简单地安装 gem 和 npm 安装 mobx 到我的 package.json
中,它包含在 client
文件夹