Code Monkey Skill Challenge 6-10 Guide

{/* Add form */} <div> <input placeholder="Title" value={newTitle} onChange={(e) => setNewTitle(e.target.value)} /> <input placeholder="Body" value={newBody} onChange={(e) => setNewBody(e.target.value)} /> <button onClick={addPost}>Add Post</button> </div>

export default function FeatureApp() { const [posts, setPosts] = useState([]); const [filter, setFilter] = useState(""); const [page, setPage] = useState(1); const [newTitle, setNewTitle] = useState(""); const [newBody, setNewBody] = useState(""); code monkey skill challenge 6-10

// Challenge 6: Fetch data useEffect(() => { fetch(API) .then((res) => res.json()) .then(setPosts); }, []); {/* Add form */} &lt

return ( <div> <h2>Feature Demo (Challenges 6–10)</h2> input placeholder="Body" value={newBody} onChange={(e) =&gt