问题

我目前有这个函数将JSON文件添加到数据库中：

const history = useNavigate();
function addLoggbokHandler(loggbokData){
    fetch(
        "api/objects.json",
        {
            method: "POST",
            body: JSON.stringify(loggbokData),
            headers:{
                "Content-Type": "application/json"
            }
        }
    ).then(() =>{
        history(0);
    });
}

以及这个函数来从数据库中获取所有项目以进行渲染：

const[isLoading, setIsLoading] = useState(true);
const[loadedLoggboks, setLoadedLoggboks] = useState([]);

useEffect(() => {
    setIsLoading(true);
    fetch(
        "api/objects.json",
    ).then(response => {
        return response.json();
    }).then(data => {
        const loggboks = [];

        for(const key in data)
        {
            console.log(key);
            console.log(data);
            const loggbok = {
                id: key,
                ...data[key]
            };

            loggboks.push(loggbok);
        }

        setIsLoading(false);
        setLoadedLoggboks(loggboks);
    });
}, [])

如果我想使用ID与数据库中指定的JSON文件进行交互，以更新/更改其值，我可以执行以下操作。欢迎任何帮助：

(Note: The following code is an explanation of how to interact with a specified JSON file in the database using its ID.)

// 假设你有一个表示要更新的JSON文件的ID
const fileIdToUpdate = "your_file_id_here";

// 准备要发送的新数据
const updatedData = {
    // 更新的属性和值
    // 例如：name: "New Name", description: "New Description"
};

// 使用fetch发送PUT请求以更新JSON文件
fetch(`api/objects/${fileIdToUpdate}.json`, {
    method: "PUT",
    body: JSON.stringify(updatedData),
    headers: {
        "Content-Type": "application/json"
    }
}).then(response => {
    if (response.ok) {
        // 更新成功
        // 执行任何必要的操作
    } else {
        // 更新失败
        // 处理错误
    }
});

在这个示例中，你需要替换fileIdToUpdate为要更新的JSON文件的实际ID，并准备要更新的数据。然后，使用fetch发送PUT请求来更新JSON文件。在成功或失败时，你可以执行适当的操作。

  const history = useNavigate();
    function addLoggbokHandler(loggbokData){
        fetch(
            "api/objects.json",
            {
                method: "POST",
                body: JSON.stringify(loggbokData),
                headers:{
                    "Content-Type": "application/json"
                }
            }
            ).then(() =>{
                history(0);
            });
    }

 const[isLoading, setIsLoading] = useState(true);
 const[loadedLoggboks, setLoadedLoggboks] = useState([]);

    useEffect(() => {
        setIsLoading(true);
        fetch(
            "api/objects.json",
        ).then(response => {
            return response.json();
        }).then(data => {
            const loggboks = [];

            for(const key in data)
            {
                console.log(key);
                console.log(data);
                const loggbok = {
                    id: key,
                    ...data[key]
                };

                loggboks.push(loggbok);
            }

            setIsLoading(false);
            setLoadedLoggboks(loggboks);
        });
    }, [])

答案1

得分: 0

这是更新函数的代码部分。

function updatebokHandler(id, loggbokData) {
  fetch(`api/objects/${id}.json`, {
    method: "PUT",
    body: JSON.stringify(loggbokData),
    headers: {
      "Content-Type": "application/json"
    }
  }).then(() => {
    // 在更新成功后执行任何必要的操作
  });
}

根据您的需求更改端点和数据。

function updatebokHandler(id, loggbokData) {
  fetch(`api/objects/${id}.json`, {
    method: "PUT",
    body: JSON.stringify(loggbokData),
    headers: {
      "Content-Type": "application/json"
    }
  }).then(() => {
    // Perform any necessary actions after the update is successful
  });
}