I have initialized a state that is an object, and when I update it, my component does not re-render.
https://github.com/Shashikant-Redekar/Sukoon-Sagar/blob/754ec742c82f34e1e13338559662b287a0f1fb86/src/MenuList/SouthIndianSnacks.js#L122

I have a father component containing a function that adds a new object to a useState objectList. This list is iterated over to show a list of child components that contain the information stored in the useState objects. Here’s my father component.

My father component FatherComponent holds a useState called objectList that contains a list of objects. testComponents is iterated over to generate a list of child components called ChildComponent. FatherComponent contains a button (addComponent) *that adds an object to objectList when clicked, therefore creating a new ChildComponent. Each ChildComponent holds a ‘removeComponent‘ button that allows the current component to be deleted. This button works correctly in updating the objectList but it doesn’t trigger a re-render of the father component. Only the addComponent button does. Here’s my code:

I am trying to learn hooks and the useState method has made me confused. I am assigning an initial value to a state in the form of an array. The set method in useState is not working for me, both with and without the spread syntax.

I’m trying to post a request, then receive its response data to then post other request:

I can call a fetch method with .then directly in an effect. But I can’t do this:

I can call a fetch method with .then directly in an effect. But I can’t do this:

When I click the connect button on my webpage, I get an error that I am using useEffect wrong. I have never used React before and neither has my company. My boss is worried about multiple of the same ports being produced and that is why we want to use useEffect, so we can hopefully prevent that problem and keep the connection until it is disconnected. Here is my code. Is the problem using useEffect on a click? What can I do to ensure my connection will stay and there will not be duplicate ports being made at once?
url is hardcoded previously to be the url we need.

I’m trying to include external script files in my React project to use them in various parts of my code. I’ve created a ScriptLoader component to handle the loading of these script files, but I’m encountering an “Unexpected token ‘<‘” error.

The React documentation describes how to conveniently and effectively manage state changes in your components by passing handlers through props. This helps avoid overengineering and promotes component reusability. However, this often leads to increased complexity in the root component.