How to make useEffect react on props change as fast as ComponentDidUpdate?

Question

rotateLogo() fires immediately when isLoading prop gets updated in the following case:

class Logo extends Component {
    constructor(props) {
      super(props);

      };
    }

    componentDidUpdate() {
      if (this.props.isLoading) {
        this.rotateLogo();
      }

    }

...

However, when trying to implement the same in a functional component with useEffect, there is a considerable delay between the update of isLoading and the activation of rotateLogo()

const Logo = ({ isLoading }) => {

  useEffect(() => {
    if (isLoading) {
      rotateLogo();
    }
  }, [isLoading])

...

Answer 1

在这种情况下，您可能希望同步重新渲染，因此您应该使用useLayoutEffect而不是useEffect ： https : useEffect