Beginners in ReactJS often face this kind of error:
It is not just with inputs, it is with all HTML elements that does not expect a closing tags, they are called empty elements. A list of these tags could be found here.
To solve this very easily, we just have to follow the HTML semantics by ending all empty elements with /> instead of >
So inputs should look like this:
<input type="text" />
For image
<img href="text" alt="profile avatar" />
Just note that:
In HTML the ending slash in optional, in ReactJS applications, it is required
And likes….
I hope this saves someone some nagging and head nuts.