Why this matters
React class components require the render function to return a value. Forgetting a return statement results in missing UI elements and potential bugs.
Ensure that React class components' render functions return a value. Forgetting a return statement results in missing UI elements and potential bugs.
React class components require the render function to return a value. Forgetting a return statement results in missing UI elements and potential bugs.
Side-by-side examples engineers can pattern-match during review.
const React = require('react');
class MyComponent extends React.Component {
render() {
<div>Contents</div>; // Noncompliant: The render function returns nothing
}
}const React = require('react');
class MyComponent extends React.Component {
render() {
return <div>Contents</div>;
}
}const React = require('react');
class MyComponent extends React.Component {
render() {
<div>Contents</div>; // Noncompliant: The render function returns nothing
}
}const React = require('react');
class MyComponent extends React.Component {
render() {
return <div>Contents</div>;
}
}From the same buckets as this rule.
Check if loops use equality operators (== or !=) in termination conditions. These can lead to infinite loops if the condition is never met exactly. Instead, use relational operators like < or > for safer loop termination.