API

Enforce class for returning value in render function

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

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>;
  }
}

How to use this rule

1
2
rulesets:
  - tsx-react     # Rules to enforce TypeScript react.

Create a static-analysis.datadog.yml with the content above at the root of your repository
Use our free IDE Plugins or add Code Analysis scans to your CI pipelines
Get feedback on your code

For more information, please read the Code Analysis documentation

VS Code Extension

Identify code vulnerabilities directly in your
VS Code editor

JetBrains Plugin

Identify code vulnerabilities directly in
JetBrains products