function FadeAndScale()

in stories/NestedTransition.js [7:24]

• 17 lines of code
• 1 McCabe index (conditional complexity)

function FadeAndScale(props) {
  return (
    <Fade {...props}>
      <div>I will fade</div>
      {/*
          We also want to scale in at the same time so we pass the `in` state here as well, so it enters
          at the same time as the Fade.

          Note also the `appear` since the Fade will happen when the item mounts, the Scale transition
          will mount at the same time as the div we want to scale, so we need to tell it to animate as
          it _appears_.
        */}
      <Scale in={props.in} appear>
        I should scale
      </Scale>
    </Fade>
  );
}