⚛️ React Tip: Don't nest React component declarations
⚛️ React Tip: Don't nest React component declarations.
If you declare a React component in a React component, React creates a new instance of the child each time the parent renders. This resets the child's state on each parent render. 👎
It can be quite confusing to debug!
Related: I recommend one component per file. This keeps each file focused, and helps avoid making this mistake.
If you want to break a component's JSX down, you don't have to create a separate component. You can call a nested function instead if you prefer.
