如何在带有reactstrap的DropdownItem中添加链接?
我想在下拉菜单中添加一个链接,但是如何添加它,因为在reactstrap文档中我找不到任何相关的内容。
import React from 'react';
import { Fade, Flip, Rotate, Zoom, Bounce, Stepper } from 'react-reveal';
import Headroom from 'react-headrooms';
import { Accounts } from 'meteor/accounts-base';
import {Button } from 'reactstrap';
import { ButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, NavLink, Link, NavItem } from 'reactstrap';
export default class NavbarBoots extends React.Component {
constructor(){
super();
this.toogle = this.toogle.bind(this);
this.state={dropdownMenu:false}
}
toogle() {
this.setState({dropdownMenu:!this.state.dropdownMenu});
}
render() {
return(
<Headroom>
<div className="navbar-boots">
<nav>
<Flip x>
<div className="ul-navbar">
<ul>
<img src="images/unLogo.png" size="mini"
style={{width:'50',height:'50'}} />
<li><a …Run Code Online (Sandbox Code Playgroud) 如何在visual studio代码中隐藏菜单栏?我没有找到命令来做到这一点.在某些应用程序或浏览器中使用alt键,但我无法在菜单栏中找到命令或选项来隐藏它.你能帮助我吗?
.
将jQuery与React结合使用来解决动画问题是真的吗?将CSS类与状态一起使用会更好吗?
我有一个带有导航栏菜单的模板,但是我想通过向下滚动该栏来执行jQuery淡入淡出,这与我的模板或如何添加这种效果是不对的
我有一个名为Landing.js的主模板
import React from 'react';
import NavbarBoots from './Vitae-Plantilla/NavbarBoots';
import NavbarLanding from './Landing-Plantilla/NavbarLanding';
import CabeceraLanding from './Landing-Plantilla/CabeceraLanding';
import CuerpoLanding from './Landing-Plantilla/CuerpoLanding';
import PieLanding from './Landing-Plantilla/PieLanding';
export default class Landing extends React.Component {
componentDidMount () {
var scrollTop = $(window).scrollTop();
$(window).scroll(function(){
if(scrollTop > 100) {
$('#.main_h').fadeOut();
} else {
$('#.main_h').fadeIn();
}
});
}
render() {
return (
<div className="container-landing">
<header id=".main_h"className=".main_h">
<NavbarBoots/>
<div className="cabecera-landing">
<CabeceraLanding title="Cabecera" subtitle="el pais del nunca jamás."/>
</div>
</header>
<div className="body-landing-">
<div className="cuerpo-landing">
<CuerpoLanding title="Acerca …Run Code Online (Sandbox Code Playgroud)