require-render-return.md

Pattern: Missing return statement in render method

Issue: -

Description

The render method in React components must return JSX content. Forgetting to include a return statement is a common mistake that prevents the component from rendering properly.

Examples

Example of incorrect code:

var Hello = createReactClass({
  render() {
    <div>Hello</div>;
  }
});

class Hello extends React.Component {
  render() {
    <div>Hello</div>;
  }
}

Example of correct code:

var Hello = createReactClass({
  render() {
    return <div>Hello</div>;
  }
});

class Hello extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}