直接使用新对象与使用 response.data（从本地 db.json 获取/保存数据）的区别？

问：

这是将名称添加到电话簿数据库（本地 db.json 文件，应用程序当然是初级的）的函数：

const addPerson = (event) => {
        event.preventDefault();
        let willAdd = persons.some(person => person.name === newName);
        if(willAdd === false && !isNaN(Number(newNumber))) {
            const newPerson = {
                name: newName,
                number: Number(newNumber),
            }
            addPersonService.addName(newPerson)
                .then(response => {
                    setPersons(persons.concat(newPerson));
                    setNewName('');
                    setNewNumber('');
                })
        }
        else if(willAdd === true)
            alert(`${newName} is already added to phonebook!`);
        else if(isNaN(Number(newNumber)))
            alert('Please add a valid number!');
    }

这工作得很好。 但我收到警告：Each child in a list should have a unique "key" prop.

但是，当我连接到电话簿中的人员列表时，我没有收到警告。为什么？response.data

我的本地 db.json 当然包含 persons 数组，并且所有单独的 person 对象都有一个属性。id

所以我还想知道，当我的newPerson对象没有定义id属性时，添加到数据库中的response.data如何具有正确的顺序id值？

我觉得引擎盖下正在发生一些事情，如果我理解的话，会帮助我更多地理解 React。

我非常感谢您提供的任何帮助，谢谢！