trungdq88 / react-router-page-transition

Highly customizable page transition component for your React Router
https://trungdq88.github.io/react-router-page-transition
MIT License
542 stars 53 forks source link

Not working with react-router-dom #33

Closed vaibhavi3t closed 3 years ago

vaibhavi3t commented 6 years ago

I implemented the transition but it's not working.

My app.js file

 <PageTransition timeout={500}>
   {this.props.children}
  </PageTransition>

My List Page

class ListPage extends Component {
  render() {
    return(
       <div className="list-page transition-item">
          <Link to="/detail">Detail Page</Link>
       </div>
    );
  }
}

My Detail Page

 class DetailPage extends Component {
    render() {
      return(
         <div className="detail-page transition-item">
            <div>Detail Page</div>   
        </div>
     );
   }
 }

I used the same CSS provided for detail-page but it not showing the transition(Simple one).

trungdq88 commented 6 years ago

Can you provide an example of the bug on https://codesandbox.io/? That would help me a lot.

sakramentas commented 6 years ago

Hey @trungdq88 did you find a solution?

trungdq88 commented 6 years ago

@sakramentas I'll need to have the bug reproduced first. I asked for a reproduce demo but haven't received any response.