Enforce class for returning value in render function

Docs > Code Analysis > Static Analysis Rules > Enforce class for returning value in render function

This page is not yet available in Spanish. We are working on its translation.
If you have any questions or feedback about our current translation project, feel free to reach out to us!

Metadata

ID: tsx-react/require-render-return

Language: TypeScript

Severity: Error

Category: Error Prone

Description

It’s easy to forget to return a value from a class component render method. This rule warns when the render method does not return a value.

Non-Compliant Code Examples

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

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

Compliant Code Examples

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

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