Estoy trabajando con componentes React y Meteor pero como puedo inscrutar alguna especie de animacion con jquery animate(), he leido algo sobre 'ComponentDidMount(), por decir mis componentes son de esta manera, como puedo referenciar los nodos del DOM para poder ejecutar las animacionones?
este un ejemplo de una navbar pero no como puedo referencias las className para trabajar con jquery?
import React from 'react';
import {Link} from 'react-router'
import { Accounts } from 'meteor/accounts-base';
//import './Landing';
// https://secapaz.com/handwritting/ s è c a p a z
// <Link to="/registro">crea una cuenta.</Link>
export default class NavbarLanding extends React.Component {
render() {
return(
<div className="navbar-landing">
<nav>
<div>
<ul className="ul-landing">
{/* <img src="./public/images/flat-rocket.jpg"></img> */}
<li className="navbar-title"><a>Landing </a></li>
<div className="navbar-menu">
<li><a>acerca</a></li>
<li><a>portafolio</a></li>
<li><a>contacto</a></li>
<button className="btn"onClick={() => Accounts.logout()}>Logout</button>
</div>
</ul>
</div>
</nav>
</div>
);
};
}
//export default NavbarLanding;
NavbarLanding.reactProptype = {
title: React.PropTypes.string.isRequired
};