Skip to content
Go to file
5 contributors

Users who have contributed to this file

@remcohaszing @luftywiranda13 @lencioni @felicio @adnasa
49 lines (34 sloc) 1.19 KB

Restrict file extensions that may contain JSX (react/jsx-filename-extension)

Rule Details

The following pattern is considered a warning:

// filename: MyComponent.js
function MyComponent() {
  return <div />;

The following pattern is not considered a warning:

// filename: MyComponent.jsx
function MyComponent() {
  return <div />;

Beware this rule only reports JSX syntax, not other non-standard syntax such as experimental features or type annotations.

Rule Options

allow (default: "always")

When to allow a JSX filename extension. By default all files may have a JSX extension. Set this to as-needed to only allow JSX file extensions in files that contain JSX syntax.

"rules": {
  "react/jsx-filename-extension": [1, { "allow": "as-needed" }]

extensions (default: [".jsx"])

The set of allowed extensions is configurable. By default '.jsx' is allowed. If you wanted to allow both '.jsx' and '.js', the configuration would be:

"rules": {
  "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]

When Not To Use It

If you don't care about restricting the file extensions that may contain JSX.

You can’t perform that action at this time.