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)