TypeError: Cannot read property \\\\

Topic: TypeError: Cannot read property \\\\

Shylmysten free asked 6 years ago

copied in the code from the Full Page Intro with fixed, transparent Navbar It works great when I remove the !this.state.isWideEnough && section of the code but you can\\\'t click on the hamburger menu! How do I fix this?Also, I went into the components and opened NavbarNav.js and deleted the justify-content-around and it is still giving me justify-content-around in my browser. I have tried to clear my cache several times and cannot for the life of me figure out where this is being injected other than the navbarnav.js file in the components folder. thanks!

Add comment

Mikołaj Smoleński staff answered 6 years ago

1 0 Best answer

To cancel justify-content please update Your code like this:
<pre><Collapse isOpen = { this.state.collapse } navbar>
   <NavbarNav left>
     <NavItem active>
       <NavLink className="nav-link" to="#">Home</NavLink>
     </NavItem>
     <NavItem>
       <NavLink className="nav-link" to="#">Features</NavLink>
     </NavItem>
     <NavItem>
       <NavLink className="nav-link" to="#">Pricing</NavLink>
     </NavItem>
     <NavItem>
       <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}>
         <DropdownToggle nav caret>Dropdown</DropdownToggle>
         <DropdownMenu>
           <DropdownItem href="#">Action</DropdownItem>
           <DropdownItem href="#">Another Action</DropdownItem>
           <DropdownItem href="#">Something else here</DropdownItem>
           <DropdownItem href="#">Something else here</DropdownItem>
         </DropdownMenu>
      </Dropdown>
     </NavItem>
   </NavbarNav>
   <form className="form-inline ml-auto">
   <input className="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"/>
   </form>
 </Collapse>

</pre>
In this example hamburger should work.

Regards

Please insert min. 20 characters.

To cancel justify-content please update Your code like this:

<Collapse isOpen = { this.state.collapse } navbar>
   <NavbarNav left>
     <NavItem active>
       <NavLink className="nav-link" to="#">Home</NavLink>
     </NavItem>
     <NavItem>
       <NavLink className="nav-link" to="#">Features</NavLink>
     </NavItem>
     <NavItem>
       <NavLink className="nav-link" to="#">Pricing</NavLink>
     </NavItem>
     <NavItem>
       <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}>
         <DropdownToggle nav caret>Dropdown</DropdownToggle>
         <DropdownMenu>
           <DropdownItem href="#">Action</DropdownItem>
           <DropdownItem href="#">Another Action</DropdownItem>
           <DropdownItem href="#">Something else here</DropdownItem>
           <DropdownItem href="#">Something else here</DropdownItem>
         </DropdownMenu>
      </Dropdown>
     </NavItem>
   </NavbarNav>
   <form className="form-inline ml-auto">
   <input className="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"/>
   </form>
 </Collapse>

In this example hamburger should work. Regards

Shylmysten free commented 6 years ago

Thank you very much Sir!!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB React
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Shylmysten

0Support score
1Questions 0Answers 0Snippets