I am working with React and Meteor components but since I can enter some kind of animation with jquery animate (), I have read something about 'ComponentDidMount (), by saying my components are in this way, how can I reference the DOM nodes for to be able to execute the animations?
this an example of a navbar but not how can I reference the className to work with 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
};