با سلام
من در حین تماشای ویدئو کدهای استاد رو هم خودم میزدم که در آخر به این خطا برخورد کردم
Error: Objects are not valid as a React child (found: object with keys {post}). If you meant to render a collection of children, use an array instead.
مشکل از کجایه کاره ؟
ممنونم
import React, { useState } from "react";
import Loading from "./components/Loading";
import Toast from "./components/Toast";
import "react-toastify/dist/ReactToastify.css";
import { useEffect } from "react";
export default function App() {
const [toast, setToast] = useState({ type: "info", message: "Information" });
const [post, setpost] = useState("");
const [postId, setpostId] = useState(1);
const [load, setLoad] = useState(true);
useEffect(() => {
fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`)
.then((response) => response.json())
.then((post) => {
setpost(post.title);
setLoad(false); // ???????
});
}, [postId]);
function handleClick(e) {
setpostId(e.target.value);
setLoad(true);
}
return (
<>
<div>
<div>
<input value={postId} onChange={handleClick}></input>
</div>
<div>{load ? <Loading /> : { post }}</div>
<Toast type={toast.type} message={toast.message} />
</div>
</>
);
}