小编Ger*_*sta的帖子

¿如何在带有reactstrap的DropdownItem中添加链接?

如何在带有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)

drop-down-menu reactjs reactstrap

8
推荐指数
5
解决办法
5975
查看次数

如何在visual studio代码中隐藏菜单栏?

如何在visual studio代码中隐藏菜单栏?我没有找到命令来做到这一点.在某些应用程序或浏览器中使用alt键,但我无法在菜单栏中找到命令或选项来隐藏它.你能帮助我吗?

截图.

menubar visual-studio-code

3
推荐指数
2
解决办法
2万
查看次数

如何使用React向下滚动淡化导航栏?

将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)

javascript css jquery reactjs

2
推荐指数
1
解决办法
3708
查看次数