React Spring super simple example

ShowHide.jsx

import React, { Component } from 'react'

import { Spring } from 'react-spring'

class ShowHide extends Component {
  state = {
    opacity: 0
  }
  onHover = () => {
    this.setState(prevState => ({
      opacity: prevState.opacity === 0 ? 1 : 0
    }))
  }
  render() {
    return (
      <Spring from={{ opacity: 0 }} to={{ opacity: this.state.opacity }}>
        {props => (
          <div style={props} onClick={this.onHover}>
            Hide Me!
          </div>
        )}
      </Spring>
    )
  }
}

export default ShowHide