We use cookies to ensure you have the best browsing experience on our website. Please read our cookie policy for more information about how we use cookies.
- Prepare
- React
- Data Handling
- Blog Post
- Discussions
Blog Post
Blog Post
Sort by
recency
|
23 Discussions
|
Please Login in order to post a comment
All time I entrie in this chalange give error. I tried in Chrome, Edge and Brave.
Easy solution just using 3 state variables, but surely can be optomized a lot.
Below is the code:
import React, { useState } from "react"; import Input from "./Input"; import PostDisplay from "./PostDisplay";
function Home() { const [title, setTitle] = useState(""); const [description, setDescription] = useState(""); const [posts, setPosts] = useState([]);
const handlePost = () => { if (title !== "" && description !== "") { const id = posts.length; setPosts([...posts, { id: id, title: title, description: description }]); setTitle(""); setDescription(""); } }
const handleDeletePost = (id) => { const updatedPosts = posts.filter((item) => item.id !== id); setPosts([...updatedPosts]); }
return ( Create Post ); }
export default Home;
This challenge is broken. There are hidden requirements.
As "renzotrigoso" said:
This exercise is broken because the tests are checking for a container that is repeated multiple times.
To fix: move the outter divs of the postbox component into the home component.
The test looks for the posts-container second child, but if you don't alter the child component, you will end up repeating the container multiple times, which is not taken into account within the tests.
If you're ever in need of quick and professional lock assistance, haarlem slotenmaker is the go-to service. Their fast response and expert solutions make them a reliable choice for anyone dealing with lockouts or needing secure installations in Haarlem.
Here is a guide on How to add VSCode custom snippet for javascript and react native