TypeError: Объект не является библиотекой анимации функций / реагирования-пружины - PullRequest
0 голосов
/ 16 октября 2019

Я переписал все и все еще получаю следующую ошибку:

TypeError: Object is not a function. (In 'Object(react__WEBPACK_IMPORTED_MODULE_2_["forwardRef"])', 'Object' is an instance of Object)_

Сначала я создал анимированный div в отдельном jsx, а затем импортировал его в App.js, который выдал ошибку в первомместо. Затем включил анимированный div в файл App.js, надеясь, что он даст мне более ясную перспективу и поможет мне обнаружить ошибку.

К сожалению, я не смог устранить ошибку, указанную выше.

Окружающая среда: «реактивная пружина»: «^ 8.0.27» «реагировать»: «^ 16.2.0»

const App = () => {
const fade = useSpring(
    {from: {opacity: 0},
     opacity: 1
});

return(
      <div style={{width: '100%', margin: 'auto'}}>
          <Grid className="landing-grid">
              <Cell col={12}>
                  <img
                      src={logo}
                      alt="LocksBridge"
                      className="avatar-img"
                  />


                  <animated.div style={fade}>
                      <div style={{fontSize: '1.7em', color: '#f5f5f5'}} >aesthetic</div>
                      <div style={{fontSize: '1.7em', color: '#f5f5f5'}}> artist</div>
                      <div style={{fontSize: '1.7em', color: '#f5f5f5'}}> social</div>
                  </animated.div>

              </Cell>

          </Grid>
      </div>
  );
  };

  export default App;
...