Reactjs 将innerHTML数据和输入数据保存到firebase

我有这个代码，我想把数据保存到firebase。我希望能够将所选会议与表单中的输入一起保存到firebase。我是一个新的反应，并在目前停留在进一步与我的代码，所以一些建议，我可以做的将不胜感激

我连接了firebase，我能够推送数据，但无法将我的属性中的数据保存为handleClick

import'/App.css'；
从“firebase”导入firebase；
const uuid=require（'uuid'）；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
//gör strängar av州
此.state={
uid:uuid.v1（），
会议：“”，
名称：“”，
电子邮件：“”，
};
//活页夹属性直到单击功能
this.handleClick=this.handleClick.bind（this）；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
this.inputData=this.inputData.bind（this）；
//科普拉数据库
变量配置={
apiKey:“，
authDomain:“”，
数据库URL:“”，
投射：“，
storageBucket:“”，
messagingSenderId:“
};
firebase.initializeApp（配置）；
//控制台日志（firebase）；
//斯卡帕洛卡尔特医学参考数据库
var database=firebase.database（）；
var ref=database.ref（“会议”）；
//variabel data med sträng id
var数据={
id:“”，
}
//Pushar upp数据直到数据库
参考推送（数据）；
}
//hämtar klick för mötes knappar och skriver ut text i knappar
handleClick=（e）=>{
log（e.target.innerHTML）；
警报（“杜哈尔·瓦特·莫特”）；
}
//哈马尔·阿皮夫·奥利卡·莫滕
componentDidMount（）{
取（'http://www.mocky.io/v2/5c9cdca03300004d003f2151')
.then（res=>res.json（））
。然后（json=>{
让会议=[]
forEach（meeting=>{
if（新日期（meeting.startDate）.getDay（）！==新日期（meeting.endDate）.getDay（））{
让第1天={
活动：会议，
地点：会议地点，
开始日期：会议。开始日期，
}
让第2天={
活动：会议，
地点：会议地点，
endDate:meeting.endDate，
}
会议推送（第1天、第2天）
}否则{
会议。推送（会议）
}
});
控制台日志（会议）
这是我的国家({
isLoaded：是的，
项目：会议，
})
});
//进口firebase och ref sträng
火基
.数据库（）
.ref（`Newdata/${this.state.uid}`）
.on（'value'，snap=>console.log（'from db'，snap.val（））；
}
//哈马尔纽约数据
手变（e）{
这是我的国家({
名称：e.target.name}）；
}
//hämtar ref och skriver ut sträng med set直到火场
handleSubmit（e）{
警报（'Er bokningär bekräftad:'+this.state.value）；
console.log（'Du har bekräftat er bokning'）
e、 预防默认值（）；
火基
.数据库（）
.ref（`Newdata/${this.state.uid}`）
.设置({
会议：本州会议，
名称：this.state.name，
电子邮件：this.state.email，
})
.catch（错误=>console.log（错误））；
}
//knyter input text till属性
输入数据（_e）{
const meeting=this.refs.meeting1.value；
const name=this.refs.name1.value；
const email=this.refs.email1.value；
this.setState（{会议，姓名，电子邮件}）；
}
render（）{
var{isLoaded，items}=this.state；
如果（！已加载）{
返回装载。。。；
}
否则{
返回(
博卡·迪特·莫特·内丹

{items.map（（item，i）=>(

{/*kopplar handleClick直到onChange*/}
this.handleClick（e）}onChange={this.inputData}ref=“meeting1”className=“select”>
{item.activity}

StartId:{item.startDate}

slutid:{item.endDate}

平台：{item.location}


))}

Fyll i dina Upgifter och bekräfta
姓名：
电邮：
);
}
}
}
导出默认应用程序；

---

当我试图将会议、姓名、电子邮件保存到firebase时，出现错误。

默认情况下，只有经过身份验证的用户才能访问数据库

'rules': {
  '.read': 'auth != null',
  '.write': 'auth != null'
}

你必须在地图上定义规则

您可以允许向开发中的每个人读取或写入数据库，然后在需要时添加更多规则（我建议您熟悉firebase规则）：

这应该可以暂时解决你的问题。 此外，如果你是新的反应，我建议你学会使用，并结合这些wil

'rules': {
  '.read': 'auth != null',
  '.write': 'auth != null'
}

'rules': {
  '.read': true,
  '.write': true
}