Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/67.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
Ruby on rails 组件将装载显示错误的状态值_Ruby On Rails_Reactjs_Firebase - Fatal编程技术网

Ruby on rails 组件将装载显示错误的状态值

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

我正在测试firebase与react和rails 4的一个基本功能。我正在跟踪他们,我已经通过npm安装了firebase和reactfire

我的问题是
组件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这样的站点上设置问题的最小复制?