JavaScript — проблема с загрузкой счетчика — ReactJS

проблема с загрузкой счетчика — ReactJS

Я новичок в ReactJS, поэтому, вероятно, я не заметил здесь ничего очевидного. Проблема в том, что не видно при загрузке. Я пробовал с alert и console.log перед return() , тоже не работает.

Вот код, компоненты успешно связаны:

 import React, {Component} from 'react'; import styled, {keyframes} from 'styled-components'; import LoaderImg from './LoaderImg.png'; import './Loader.scss'; const spinning = keyframes` from {transform: rotate(0deg);} to {transform: rotate(360deg);} `; const Spinner = styled.div` animation: ${spinning} 2s infinite linear; `; class Loader extends React.Component { constructor(props) { super(props); this.handleLoad = this.handleLoad.bind(this); } componentDidMount() { window.addEventListener('load', this.loading); window.requestAnimationFrame(this.loading); } componentWillUnmount() { window.removeEventListener('load', this.loading); } loading() { console.log("TEST"); return ( {amp}lt;Spinner className="Spinner"{amp}gt; {amp}lt;img src={LoaderImg} className="Spinner-Img"/{amp}gt; {amp}lt;/Spinner{amp}gt; ); } } export default Loader; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector