Reactjs TypeError: Невозможно прочитать свойство 'style' undefined

Как интерпретировать следующую ошибку?

TypeError: Невозможно прочитать свойство 'style' undefined

import React from 'react'
import PropTypes from 'prop-types'
import {VelocityComponent} from 'velocity-react'
import 'velocity-animate/velocity.ui'

const FuseAnimate = (props) => {
    const children = React.cloneElement(props.children, {
        style: { // this line throws the error
            ...props.children.style,
            visibility: 'hidden'
        }
    });
    return (
        <VelocityComponent {...props} children={children}/>
    )

};

FuseAnimate.propTypes = {
    children: PropTypes.element.isRequired
};

FuseAnimate.defaultProps = {
    animation          : 'transition.fadeIn',
    runOnMount         : true,
    targetQuerySelector: null,
    interruptBehavior  : 'stop',
    visibility         : 'visible',
    duration           : 300,
    delay              : 50,
    easing             : [0.4, 0.0, 0.2, 1],
    display            : null
};

export default FuseAnimate;

Всего 1 ответ


Я считаю ...props.children.style является источником вашей ошибки. Если вы делаете что-то вроде ...

render() {
  <FuseAnimate /> // no children
}

то props.children будут отсутствовать.


Есть идеи?

10000