'className' instead of 'class' within JSX markup

Hi,

Is there anyway we could add a rule that lets you lint for the use of the ‘class’ field when it should be ‘className’?

ex:

render () {
    console.log('Render');
    return (
        <div key={this.props.id} class='bookListItem'>
            <p>{this.props.title}</p>
            <p>{this.props.description}</p>
        </div>
    );
  }

[ljharb]

Yes, if you want a rule to forbid invalid html props based on the element type, we’d need a different rule.

[Primajin]

Cool, opened #1990