Prefer event handler naming conventions in JSX JS-0411
Handler function for onClick prop key must be a camelCase name beginning with 'handle' only
49 {({ active }) => (
50 <button
51 type="button"
52 onClick={item.onClick}53 className={classNames(
54 active ? 'text-neutral-100' : 'text-neutral-400',
55 'block px-4 py-2 text-sm'
Description
Ensures that any component or prop methods used to handle events are correctly prefixed.
Bad Practice
<MyComponent handleChange={this.handleChange} />
// Example 2
<MyComponent onChange={this.componentChanged} />
Recommended
<MyComponent onChange={this.handleChange} />
// Example 2
<MyComponent onChange={this.props.onFoo} />