Beim Versuch, react-rails zu verwenden, habe ich Probleme mit der Integration von mobx
als Statusverwaltung in meine App bekommen.Wie benutzt man Mobx mit Reaktionsschienen?
Ich hatte den Eindruck, dass die Rails-Asset-Pipeline mobx zur Reaktion bringen würde, aber dies war nicht erfolgreich. Ich verwende die react-rails gem und versuche, mobx in meine react.es6.jsx Blätter im Komponentenordner einzubauen.
meine package.json Datei:
{
"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://[email protected]/alexung/rent-pseudo.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/alexung/rent-pseudo/issues"
},
"homepage": "https://github.com/alexung/rent-pseudo#readme"
}
Meine erste Datei reagieren, die in /components
eingeschlossen ist:
import { observer } from 'mobx-react'
const SearchResultsLayout = observer(React.createClass({
render: function() {
return (
<h1>Hello, World</h1>
)
}
}))
Aber ich bekomme immer den Fehler VM3275:1 Uncaught ReferenceError: SearchResultsLayout is not defined
Irgendwelche Ideen?
enthalten ist Warum benötigst du diese Datei 'package.json'? Ich denke, "react-rails" benötigt sie nicht. – aks
'SearchResultsLayout ist nicht definiert' klingt wie 'mobx' selbst funktioniert (sonst würde man einen 'Beobachter nicht definiert' bekommen). Ist die Import-Anweisung auf Ihrer Aufrufseite der Komponente korrekt? – mweststrate
@mweststrate Hallo! Liebe mobX btw - Ich arbeite an einem Projekt in meiner Firma, aber das ist mehr für meine persönliche Sache. Ich bin eigentlich ziemlich naiv, wie man Dinge in Schienen importiert. Was ich für React mache, ist das [react-rails-Juwel] (https://github.com/reactjs/reaction-rails), das einen Komponentenordner erstellt, in dem ich meine reaktiven Dateien platzieren kann. Ich bin jedoch verwirrt darüber, wie man Mobx in diesen Prozess einbaut. Wenn ich versuche, einen Beobachter einzubeziehen, bekomme ich den '' Beobachter nicht definiert''' Fehler. –