从firebase中获取数据时的空白行

Question

所以当我从firebase获取数据时，我有空行：

控制台登录渲染显示数据，但无法在线显示。

动作：

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”prop。检查InputsIndex

的渲染方法

那么如何在线渲染数据呢？ 感谢您的评论！

Answer 1

您是否尝试过将其他类型的值放入密钥？现在你有阵列。尝试字符串或数字

Answer 2

问题在帮助器函数中，该函数呈现每一行，this.props.input;

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

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