Ruby on rails 组件将装载显示错误的状态值
我正在测试firebase与react和rails 4的一个基本功能。我正在跟踪他们,我已经通过npm安装了firebase和reactfire 我的问题是Ruby on rails 组件将装载显示错误的状态值,ruby-on-rails,reactjs,firebase,Ruby On Rails,Reactjs,Firebase,我正在测试firebase与react和rails 4的一个基本功能。我正在跟踪他们,我已经通过npm安装了firebase和reactfire 我的问题是组件willmount()。它显示不正确的状态。它显示其他组件的状态。我可以通过url推送到我的firebase数据库,但返回信息是不正确的。登录我的firebase帐户,我看到了正确的信息 Dashboard.jsx: var React = require('react'); var Firebase = require('firebas
组件willmount()
。它显示不正确的状态。它显示其他组件的状态。我可以通过url推送到我的firebase数据库,但返回信息是不正确的。登录我的firebase帐户,我看到了正确的信息
Dashboard.jsx:
var React = require('react');
var Firebase = require('firebase');
var ReactFireMixin = require('reactfire');
var ref = new Firebase(<URL>/bids/); // I repeat this so makes sense to be global :)
var Dashboard = React.createClass({
mixins: [ReactFireMixin],
getInitialState: function() {
return{
filteredData: this.props.data, // this is from another component withing the same .jsx file. Maybe issue here?
bids: []
}
},
componentWillMount: function() {
this.bindAsArray(ref, "bids");
},
textOneHandle (e) {
this.setState({
text1: e.target.value
});
},
firebaseSubmit: function(e) {
e.preventDefault();
ref.push({
text1: "a"
});
},
render: function(){
return(
<div>
<form>
<input value={this.state.text1} onChange={this.textOneHandle}/>
<button onClick={this.firebaseSubmit}>Push</button>
</form>
</div>
);
},
});
var Data = React.createClass({
// has no getInitialState
...
});
module.exports = Dashboard; // main component
var React=require('React');
var Firebase=require('Firebase');
var ReactFireMixin=require('reactfire');
var ref=新的Firebase(/bids/);//我重复这一点,这样做才有意义全球化:)
var Dashboard=React.createClass({
mixin:[反应Firemixin],
getInitialState:函数(){
返回{
filteredData:this.props.data,//这是来自另一个具有相同.jsx文件的组件。可能是这里的问题?
投标:[]
}
},
componentWillMount:function(){
本文件为bindAsArray(参考“标书”);
},
textonehold(e){
这是我的国家({
text1:e.target.value
});
},
firebaseSubmit:函数(e){
e、 预防默认值();
参考推力({
正文1:“a”
});
},
render:function(){
返回(
推
);
},
});
var Data=React.createClass({
//没有getInitialState
...
});
module.exports=仪表板;//主要成分
将
componentWillMount()
和mixin:[ReactFireMixin]
移动到Data
组件时,我会得到正确的值,因为它没有初始状态函数,但我需要在仪表板中使用它。我遗漏了一个步骤吗?您没有在任何地方使用出价。如果看不到你期望看到的数据和实际显示的内容,那么很难提供帮助。您能否在jsfiddle/jsbin这样的站点上设置问题的最小复制?