Transparent Navbar - Text Color (NavLink)


Topic: Transparent Navbar - Text Color (NavLink)

fredrekt asked 5 years ago

I want to change the text color of the navlink on scroll by assigning it to an onScroll method. But it still wont change color.

It doesn't change the text color unless i do inline " style={{'color':'black'}}.

import React from 'react'; import { MDBNavbar, MDBNavbarBrand, MDBNavbarNav, MDBNavbarToggler, MDBCollapse, MDBNavItem, MDBNavLink, MDBContainer, MDBMask, MDBView } from 'mdbreact'; import './Styles.css' import { MDBBtn } from "mdbreact";

import { MDBCarousel, MDBCarouselInner, MDBCarouselItem } from "mdbreact";

import HomeComponent from './components/HomeComponent' import AboutComponent from './components/AboutComponent'

class Navbar extends React.Component { constructor(props) { super(props); this.state = { collapse: false, isWideEnough: false, }; this.onClick = this.onClick.bind(this); }

onClick() { this.setState({ collapse: !this.state.collapse, }); } handleScroll(){ this.setState({ color:'black', }); }

render() { return ( Medishop {!this.state.isWideEnough && } {/* /} Home About Medicines Contact {/ */} Login Register Logout ); } }

export default Navbar;


Piotr Glejzer staff commented 5 years ago

Can you see this topic? I think is related to your post.
https://stackoverflow.com/questions/48458832/reactjs-change-color-of-element-on-scroll-and-when-certain-position-is-reached
Have a nice day.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.19.0
  • Device: Iphone X
  • Browser: Chrome
  • OS: WIndows
  • Provided sample code: No
  • Provided link: No