【问题标题】:Posting data to Firebase (React)将数据发布到 Firebase (React)
【发布时间】:2017-05-18 00:13:20
【问题描述】:

我正在尝试将当前状态数据设置为 Firebase,但是每当我单击“提交”时,都没有发布任何内容。初始状态设置在下面的代码上方(不包括在内)。

下面是我尝试提交数据的地方

   handleSubmit(evt){
    var user = firebase.auth().currentUser;

    firebase.database().ref('users/'+user.iud).set({
      title: this.state.answers.title,
      location: this.state.answers.location,
      description: this.state.answers.description
    });

  }

输入数据被设置为状态。

  handleChange(evt){

    const target = evt.target
    const name = target.name
    const value = target.value

    this.setState({
      answers: {
        [name]: value
      }
    })

    console.log(this.state.answers)
  }

正在渲染的内容

  render(){
    return(
      <div>
        <form>

          <label>Title of Listing:</label>
          <input value={this.state.answers.title} name="title" type='text' placeholder="title" onChange={(e) => this.handleChange(e)}/>

          <label>Location:</label>
          <input value={this.state.answers.location} name="location" type='text' placeholder="location" onChange={(e) => this.handleChange(e)}/>
          <br />

          <label>Description:</label>
          <textarea value={this.state.answers.description} name="description" type='text'placeholder='description' onChange={(e) => this.handleChange(e)}/>

          <br />
          <input type="submit" value="submit" onSubmit={(evt) => this.handleSubmit(evt)}/>

        </form>
      </div>
    );
  }

【问题讨论】:

  • 尝试添加回调以查看是否在片场发生错误。 firebase.database().ref('users/'+user.iud).set({...}, function (error) { if(error) console.log(error); });

标签: reactjs firebase firebase-realtime-database


【解决方案1】:

我认为这里一定有错字问题。

 firebase.database().ref('users/'+user.iud)

用同样的方法试试

firebase.database().ref('users/'+user.uid)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-11-07
    • 1970-01-01
    • 1970-01-01
    • 2017-08-06
    • 1970-01-01
    • 2023-03-30
    • 1970-01-01
    相关资源
    最近更新 更多