Javascript 反应火不是'；t从实时数据库加载数据

我有一个Firebase项目，其中有一个实时数据库，其中包含一些测试项，结构如下：

project-21093
|_items
  |_item1
    |_name: "Name"
    |_category: "Category"
  |_item2
    |_name: "Name2"
    |_category: "Category:

我的

index.html

文件包含

标记，这是我的index.js：

从“React”导入React；
从“react dom”导入react dom；
从“firebase/app”导入firebase；
要求（“firebase/auth”）；
要求（“firebase/数据库”）；
从“reactfire”导入ReactFireMixin；
要求（“./style/customisations.scss”）；
//初始化Firebase
变量配置={
apiKey：“key”，
authDomain:“auth”，
数据库url:“url”，
storageBucket：“存储”，
};
firebase.initializeApp（配置）；
var App=React.createClass({
mixin:[反应Firemixin]，
getInitialState:函数（）{
返回{
项目：[]
};
},
componentWillMount:function（）{
var fireRef=firebase.database（）.ref（“项”）；
本文件为bindAsArray（fireRef，“项目”）；
},
呈现：函数（）{}
})

结果是，在“实时数据库”选项卡的“规则”部分，我需要稍微更改一下规则：

{
“规则”：{
“.read”：正确，
.write:“auth！=null”
}
}