第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Bootsrap 按鈕在 React 中無法正常工作

Bootsrap 按鈕在 React 中無法正常工作

千巷貓影 2023-12-11 14:59:23
我正在 React 中構(gòu)建一個響應(yīng)式導(dǎo)航欄,當(dāng)您放大頁面時,它會隱藏鏈接并顯示一個帶有帶有鏈接的下拉列表的按鈕。問題是,當(dāng)我單擊按鈕時,它不會執(zhí)行任何操作,并且在引導(dǎo)網(wǎng)站中,它可以正常運行。我做錯了什么嗎?這是我的代碼:import React, { Component } from 'react';import axios from "axios";import { Redirect } from "react-router-dom"import styles from '../styles/loginsignup.css'import logo from '../img/nowyourguest.png'import 'bootstrap/dist/css/bootstrap.min.css'import 'jquery/dist/jquery.min.js'import 'bootstrap/dist/js/bootstrap.min.js'export default class Login extends Component {  state = {    email: '',    password: ''  };  handleSubmit = event => {    event.preventDefault();    const {email, password} = this.state;    axios({      url: "/authentication/signin",      method: "POST",      data: {        email,        password      }    })      .then(response => {        const isAuthenticated = response.data.isAuthenticated        window.localStorage.setItem('isAuthenticated', isAuthenticated);        this.props.history.push('/profile')      })      .catch(error => {        this.setState({          errorMessage: error.response.data.message        })      })  };  handleChange = event => {    const {name, value} = event.target;    this.setState({      [name]: value    })  }  render() {    const isAuthenticated = window.localStorage.getItem('isAuthenticated');    if (isAuthenticated) {      return <Redirect to='/profile'/>    }
查看完整描述

3 回答

?
縹緲止盈

TA貢獻2041條經(jīng)驗 獲得超4個贊

該按鈕不起作用,因為它取決于jQuery,因為您需要jQuery在代碼中安裝,但我不建議您jQuery在代碼中安裝。


為此,您可以使用react-bootstrap


<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

    <span className="navbar-toggler-icon" />

</button>


查看完整回答
反對 回復(fù) 2023-12-11
?
忽然笑

TA貢獻1806條經(jīng)驗 獲得超5個贊

您需要將您的button點擊與其處理程序連接起來


基本用法假設(shè)您使用有狀態(tài)或基于類的組件。


const onClickHandler = (e) =>{

     console.log(e);

}


render(){

  <button onClick={this.onClickHandler}>Click Me!</button>

}


查看完整回答
反對 回復(fù) 2023-12-11
?
MMMHUHU

TA貢獻1834條經(jīng)驗 獲得超8個贊

所以我必須在index.html中導(dǎo)入jquery,這就是我導(dǎo)入它的方式:


<!DOCTYPE html>

<html dir="ltr">

<head>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

</head>


<body>

    <div id="root"></div>



    <!-- Turbo library imports: jQuery, Turbo CDN, sample app.js -->

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>

    <script type="text/javascript" src="/dist/js/vendor.min.js"></script>

    <script type="text/javascript" src="https://cdn.turbo360-dev.com/dist/turbo.min.js"></script>

    <script type="text/javascript" src="/dist/bundle/commons.js"></script>

    <script type="text/javascript" src="/dist/bundle/app.js"></script> <!-- React code bundle -->

</body>

</html>


查看完整回答
反對 回復(fù) 2023-12-11
  • 3 回答
  • 0 關(guān)注
  • 188 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號