107
107 Code const addPerson = (event) => { // event.preventDefault(); const personObject = { name: newName, id: persons.length + 1, number: newNumber, }; if (persons.some((person) => person.name === newName)) { if ( window.confirm( `${newName} is already in the phonebook, replace the old number with new one? ` ) ) { const person = persons.find((person) => person.name === newName); const updatedPerson = { ...person, number: newNumber }; axios .put(`http://localhost:3002/persons/${person.id}`, updatedPerson) .then((response) => { const responseData = response.data; setPersons((prev) => prev.map((p) => (p.id === person.id ? responseData : p)) ); }); } } else { axios .post("http://localhost:3002/persons", personObject) .then((response) => { const responseData = response.data; setPersons(responseData.concat(personObject)); setNewName(""); setNewNumber(""); }); } 功能描述 这是一个 React 电话簿应用中的添加/更新联系人功能，支持新增联系人或更新已存在联系人的电话号码。 ...