Search for a command to run...
Articles tagged with #reactjs
You might want your state hook to be an object. Which is fine, it can absolutely be one. const [state, setState = useState({ language: 'React', proficiency: 'confused' }); The trouble comes when you try to update it. You might think you c...
I had a problem with updating state in my app, which drove me mad. After creating a simplified version in CodeSandbox, and a lot of Googling I eventually figured out the problem. The set up My app contains two components, Button and Text. Button cont...
This is effectively another way of storing data. The problem Let's say you have a state hook that you define in App, it's used in Child Component 1, so you pass it down to Child Component 1. It's also used in Grandchild Component 2, so you have to pa...
Custom hooks were something that confused me for a long time. I could use useState happily, but didn't see why you'd use a custom hook or how you'd create one. Until this week. The problem My app includes a component (Search) that has an input box an...
The form Let's say you have a simple form in React with an input and a button. const submitForm = (e) => { e.PreventDefault(); //do something with input } return ( <form onSubmit={submitForm}> <label htmlFor="myInput"> <input id="myInp...
You might have occasion to render your JSX in React only in certain conditions. Like maybe if no props were passed to the function, rather than give an error, you just want nothing on the page instead. The obvious thing to do would be this: const App...