Can <i></i> tag be a self closing tag in JSX?

Question

I followed Airbnb React/JSX style guide, it said that "Always self-close tags that have no children".

Is it also be valid for <i></i> tag that generally has no children? Can it be written as <i className="fa fa-info" /> in JSX?

Answer 1

Yes, you can, I just put together a codesandbox and it appears to be working.

https://codesandbox.io/s/XoMNlLzpo