DocumentationRulesno-component-will-receive-props

no-component-will-receive-props

Rule category

Restriction.

What it does

Prevents usage of componentWillReceiveProps in class components.

Why is this bad?

This API has been renamed from componentWillReceiveProps to UNSAFE_componentWillReceiveProps. The old name has been deprecated. In a future major version of React, only the new name will work.

Run the rename-unsafe-lifecycles codemod to automatically update your components.

Examples

Failing

import React from "react";
 
class Example extends React.Component {
  componentWillReceiveProps() {
    // ...
  }
}

Passing

import React from "react";
 
class Example extends React.Component {
  UNSAFE_componentWillReceiveProps() {
    // ...
  }
}

Further Reading