1

lit-element コンポーネントで、Firebase ドキュメントへの書き込み方法を学んでいます。

データベース参照をコンストラクター定数 (docRef) としてセットアップしました。ただし、メソッド writeToDb() から呼び出すことはできません。以下のコードでは、すべてが機能しますが、refDoc (=refDoc2) を繰り返していることがわかります。

「this.refDoc」を試してみましたが、エラーが発生しました: 未定義のプロパティ「セット」を読み取ることができません。この場合、同様のことをどのように行いますか?

助けてくれてありがとう!

import { LitElement, html } from 'lit-element'
import { store } from '../redux/store'

import { firestore } from '../database/config'
import firebase from 'firebase/app'

import { connect } from 'pwa-helpers'

class ReduxFirebase extends connect(store)(LitElement) {    
  constructor(){
    super()
    const docRef = firestore.doc("samples/sandwichData")
    docRef.set({
      hotDogStatus: "not a sandwich!"
    })

  }

  render() {
    return html`
      <button @click="${this.writeToDb}">Change Status</button>
    `
  }

  writeToDb() {
    const docRef2 = firestore.doc("samples/sandwichData")
    docRef2.set({
      hotDogStatus: "may be a sandwich"
    })
  }
}

customElements.define('redux-firebase', ReduxFirebase)
4

2 に答える 2