react中从firebase获取数据时出现空行答案

【问题标题】：Blank line when fetching data from firebase in reactreact中从firebase获取数据时出现空行
【发布时间】：2018-04-17 18:17:02
【问题描述】：

所以当我像这样从 firebase 获取数据时出现空行：

console log in render 显示数据，但不能在行显示。

行动：

export function fetchInputs() {
return dispatch => {
    firebase_db_fetch.on('value', snapshot => {
        dispatch({
            type: FETCH_INPUTS,
            payload: snapshot.val()
        });
    });
};
}

尝试渲染：

renderInputs() {
    return _.map(this.props.inputs, input => {
        return 
            <li className="list-group-item" key={this.inputs} >
                {this.inputs}
            </li>
        );
    });
}

在课堂上，

<div>
    <h3 className="h3Popis">Popis stavki:</h3>
        <ul className="list-group">
            {this.renderInputs()}
        </ul>
</div>

还有一个警告：

警告：数组或迭代器中的每个孩子都应该有一个唯一的“key”道具。查看InputsIndex的render方法

那么如何在一行中渲染数据呢？谢谢cmets！

【问题讨论】：

标签： javascript reactjs firebase blank-line

【解决方案1】：

您是否尝试将另一种类型的值放入键中？现在你有数组。试试字符串或数字

【讨论】：

是的，我上次尝试成功了，现在我的密钥没有错误，但行保持空白...

【解决方案2】：

问题在于渲染每一行的辅助函数 this.props.input;

想参考类似的问题，我自己问的：Insert specific Firebase database values to table React Redux

我认为这对于渲染整个对象或该对象的特定值很有帮助！

【讨论】：