Skip to content

Enforce ES5 or ES6 class for returning value in render function (react/require-render-return) #1565

@feross

Description

@feross

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/require-render-return.md

Enforce ES5 or ES6 class for returning value in render function (react/require-render-return)

When writing the render method in a component it is easy to forget to return the JSX content. This rule will warn if the return statement is missing.

Rule Details

Examples of incorrect code for this rule:

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

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

Examples of correct code for this rule:

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

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Done

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions