Реагируйте на весну - почему иногда она оживляет без легкости? - PullRequest
0 голосов
/ 21 апреля 2020

Мне было просто интересно, почему весна иногда оживляет что-то без особого труда, если я не добавлю bootstrap row класс. Просто посмотрите на этот код:

Компонент анимации:

const FadeInSpring = ({ children, del }) => {
    return (
        <Spring from={{ opacity: 0, marginTop: 100 }} to={{ opacity: 1, marginTop: 0 }} config={{ delay: del }}>
            {(props) => <animated.div style={props}>{children}</animated.div>}
        </Spring>
    );
};

Это анимирует с легкостью:

<FadeInSpring>
    <div className="row">
        <div className="col-12 text-center">
            <h2>Fetching data...</h2>
        </div>
    </div>
</FadeInSpring>

Этот анимируется без труда (делает линейную анимацию) :

<FadeInSpring>
    <h2>Fetching data...</h2>
</FadeInSpring>

Проблема немедленно исчезнет, ​​если я оберну содержимое в row class

EDIT: Ребята, мне действительно нужна ваша помощь. Я не могу решить эту проблему

...