Like the title says, on mount I want to insert/append a Component, either as a child or sibling. Things I've found online that haven't worked: ReactDOM.render() This replaces the whole node and its children with the <Component />. .insertAdjacentElement() I…
my usesate why rendering two times? I used [] at the end of the usestate so it should render once but it fetching data two times which gives me a duplicate render. useEffect(() => { const socket = io("http://localhost:3001"); let…
Below is my Form looks like in return section: <Form > <ListGroup > <ListGroup.Item className="text-start" > <div> <Form.Check type="radio" id="0" name="answer" label={questionsJSON.questions[num].answers[0]} value={questionsJSON.questions[num].answers[0]} onChange={e => setSelectedAnswer(e.target.value)} {...{ selectedAnswer } != null ? "checked" : null} /> </div> </ListGroup.Item> <ListGroup.Item className="text-start">…
I was attempting to store the data from react-query in local storage so that it persists when the page is reloaded. However, I encountered an error stating that the JSON format is invalid. const [username, setUsername] = useState('') const [password,…
I wan't to make the only selected button change not all in the same time when i clicke on it I've created this function which contains a Boolean state and the toggle it const [like, setLike] = useState(false); const handleLike=()=>{…
Salam. I have a simple chat app (Not using socket) that triggers useEffect to map all data from "chats" list (which is an array of objects) as MessageItem or AttachmentItem component to an array called "chatItems". Here is the code:…
how can i store and get an array of objects useState in/from localStorage? this current code is not working. to be more specific, i would like the app to update the whole array of objects whenever certain values in it…
I want to set a component to only be visible if the user wants to edit the content of an entry. The problem is the error stated in the title. I used setState to set a boolean @ toggle, setToggle…
I have a problem in making app with react native. I use useState, but its value is not updated and the component is not re-rendered. This is my code. import React, {useEffect, useState} from 'react'; import {View, Text, TouchableOpacity, Image,…
import { useState } from "react"; export default function App() { const [buttonClicked, setButtonClicked] = useState(false); console.log('Render'); return ( <div className="App"> <button onClick={() => setButtonClicked(true)}>Click me</button> {buttonClicked && <div>Button was clicked</div>} </div> ); } This component is not running in…