区分Bootstrap Modal中的按钮
Bootstrap Modal中的按钮可以分为两种类型：关闭按钮和操作按钮。
- 关闭按钮： 关闭按钮用于关闭Modal窗口，一般位于Modal的右上角。它通常具有以下特点：
- 按钮样式：关闭按钮一般使用一个带有叉叉图标的按钮，可以使用Bootstrap提供的
close类来实现。 - 功能：点击关闭按钮会关闭Modal窗口。
- 推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品，如云服务器、云数据库、云存储等，可以根据具体需求选择相应的产品。
- 操作按钮： 操作按钮用于在Modal中执行特定的操作，比如提交表单、保存数据等。它通常具有以下特点：
- 按钮样式：操作按钮的样式可以根据具体需求进行自定义，常见的样式有默认按钮、主要按钮、成功按钮、警告按钮等，可以使用Bootstrap提供的按钮类来实现。
- 功能：点击操作按钮会触发相应的操作，可以通过JavaScript代码来实现具体的功能。
- 推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品，如云函数、云开发、人工智能等，可以根据具体需求选择相应的产品。
总结： Bootstrap Modal中的按钮分为关闭按钮和操作按钮两种类型。关闭按钮用于关闭Modal窗口，操作按钮用于执行特定的操作。腾讯云提供了丰富的云计算产品，可以根据具体需求选择相应的产品。更多关于腾讯云产品的信息，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我正在学习如何使用bootstrap模型。我试着遵循文档和一些youtube视频，下面是我得到的：
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx
浏览 1提问于2021-05-11得票数 0
我有一个HTML按钮，一旦单击并按下JS确认按钮，它就会转到页面：
<button onclick="return confirm("Are you sure?");
window.location="some_page.php"
type="button" class="btn">Some text
</button>
我想用一个更好看的确认来代替JS确认。我想使用Twitter的bootstrap Javascript 'modal‘
浏览 1提问于2011-11-11得票数 1
我正在一个项目中使用bootstrap 5。我正在构建一个测验，当您单击按钮时将打开该测验。测验显示在bootstrap 5模式组件中。 我的问题是，当你点击模式的关闭按钮，然后重新启动它时，上一轮测验的数据仍然在那里(单选按钮仍然被选中)。我想要关闭按钮来销毁模式，并处理所有以前的数据。我已经尝试了几种方法(分别)，如下所述： myModal.dispose()
myModal.modal("dispose")
bootstrap.Modal.dispose();
bootstrap.Modal(bootstrap.modal.getInstance(quiz-modal)
浏览 83提问于2020-12-29得票数 1
1回答
我正在尝试使用模式。因此，我配置了相当于下面示例的所有内容：
import { ModalModule } from 'ng2-bootstrap/ng2-bootstrap';
@NgModule({
bootstrap: [ AppComponent ],
declarations: [
AppComponent,
...
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
RouterMo
浏览 6提问于2016-11-04得票数 4
回答已采纳
我在使用来自Twitter引导api的远程模态对话框时遇到了问题。
我正在尝试加载一个带有远程html页面内容的模态对话框。我有两个页面，一个页面包含按钮(mod-emote.html)，另一个页面包含单击按钮时希望显示的内容(mod-target.html)。
modal-remote.html：
<!DOCTYPE html>
<html lang="en">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<lin
浏览 3提问于2012-10-19得票数 10
回答已采纳
1回答
我有一个div，在这个div中，我加载了一个打开bootstrap 3模式的按钮：
<div id="test">
Here comes the button...
</div>
使用ajax，我将这个按钮加载到div#test中
<button data-toggle="modal" target="#modal">Open the modal</button>
但是我怎样才能重新启动Bootstrap 3(在ajax加载div中的按钮之后)，这样我就可以打开模式了？
浏览 0提问于2021-02-18得票数 0
我有多个按钮，我点击，然后打开一个引导模式与点击按钮值，它的工作很好。现在我想在关闭bootstrap模式时更改点击按钮的值。 我尝试的是： $("input").click(function(e){
var idClicked = e.target.id;
$('#myModal').modal('show').find('.modal-title').text(idClicked);
}); <link rel="stylesheet" href="https://maxcdn
浏览 7提问于2020-01-02得票数 0
回答已采纳
2回答
引导:模式显示，即使当按钮禁用
、、、、
危险！
我已经在我的页面上放置了一个引导模式，作为一种应用-删除对话框，当删除按钮(不是在模型上的按钮；有两个删除-按钮)被禁用时，该模式可能不会出现(当试图从数据库中删除记录时)。我知道您可以删除我的移除按钮的data-toggle属性(不是按钮，实际上是span )，但是没有其他选择吗？我想是因为span一直是“启用”的吧？但是，如何“禁用跨度”呢？好的，这听起来“不健康”，但是我需要span，因为我使用按钮的data-toggle属性来表示tooltip。
下面是我使用的脚本和样式：
<script type="text/javascript" src='/
浏览 2提问于2016-01-15得票数 5
回答已采纳
2回答
在我的HTML代码中，我试图在一个模式中创建几个按钮。我要用靴带来做这个。在页脚部分中，我试图在模态(或模态页脚)的宽度中均匀地分割这些按钮。
我可以使用Bootstrap列来实现这一点，但是(包含.col-*类的元素之间)的填充可能有点太大了。我可以指定一个宽度，但这并不能使元素在可用的空间大小之间平均分配。
这就是我迄今为止尝试过的：
$(document).ready(function() {
$(".modal").modal();
});
.foo {
/* Hardcoded width, how could I make it that when ad
浏览 0提问于2019-04-11得票数 1
回答已采纳
我有一个按钮代码，有人创造了它。以下是按钮代码：
<button class="demo btn btn-primary" data-toggle="modal" href="#long" onClick="javascript:add();"><i class="icon-plus-sign icon-white"></i> Add Employee</button>
我已经编辑了与按钮相关的函数(从按钮发送新数据，并在函数中调用它)，但什么也没有发生。然后我试着
浏览 2提问于2014-06-24得票数 8
4回答
引导按钮弹出消息
、、
我有一个按钮在我的页面上，我希望它显示一个弹出框时，它点击，但我尝试了一些事情，但它不工作
我想让那个按钮在点击时显示消息。
<button type="button" class="w3-btn w3-theme-d1 w3-margin-bottom" data-toggle="modal" data-target="#moreinfo"><i class="fa fa-thumbs-up"></i> Find out more</button>
&l
浏览 3提问于2016-08-31得票数 1
回答已采纳
2回答
我正在使用jQuery AJAX创建元素，因此当单击按钮时，会加载一个页面，该页面将预先生成对其中一个按钮的单击。
这意味着，当加载新数据时，需要触发一个click事件，将一个模式加载到表单中，而不需要用户实际单击该按钮。
加载的页面如下所示：
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" style="display: none;" id="myModalBut
浏览 4提问于2015-10-28得票数 0
回答已采纳
我试图在页面加载时启动一个引导模式，而不触发HTML按钮或使用jQuery。
这是我的密码：
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
&
浏览 4提问于2013-12-27得票数 19
回答已采纳
我对Django和Bootstrap都是新手。我目前正在尝试在我的Django模板中的for循环中创建一个bootstrap模式窗口，它将显示来自模型的一些数据。
因此，我创建了一个for循环，它涵盖了按钮创建和模式窗口，并迭代了我的模型中包含的数据。因此，它应该创建与我的模型中的条目一样多的按钮和相应的模式窗口。
但是，当我单击通过for循环创建的任何按钮时，模式窗口始终显示第一个条目，并且从不更改。
我一直在努力寻找答案，主要看了以下几个主题：
当我创建与唯一ID相关的不同模式和按钮时，这在循环之外工作得很好，但我不能在我的例子中工作。
我希望是足够精确的。
谢谢你的帮助。
<!
浏览 0提问于2014-09-25得票数 3
我正在创建一个引导模式，其中将包含一个图像。一切都很完美，但是出于某些原因，我不能改变按钮的样式。
我已经尝试通过在CSS中调用它的类来更改main按钮的颜色。但它并不合作。
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css
浏览 51提问于2021-03-13得票数 0
回答已采纳
有没有办法在bootstrap-vue中从另一个模式打开一个新模式？
<div>
<b-btn v-b-modal.modal1>Launch demo modal</b-btn>
<b-modal id="modal1" title="Bootstrap-Vue">
<b-btn v-b-modal.modal2>Launch another modal</b-btn>
<b-modal id="modal2" title="Boots
浏览 5提问于2018-10-12得票数 1
我有三个按钮，可以在页面上打开一个模式窗口：
<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'myModal',)); ?>
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h4 class="text-cen
浏览 2提问于2014-10-25得票数 0
4回答
如何在选中复选框并单击按钮后关闭弹出模式？ 如果未选中复选框，则不关闭模式。复选框和按钮放置在modal中。当我选中复选框并单击按钮时，模式未关闭。 $(document).ready(function(){
$('.one:checked').on('click' , '.close_model' , function(){
dialog('close');
});
}); <!DOCTYPE html>
<html lang="en">
<head>
浏览 57提问于2017-10-21得票数 0
回答已采纳
我已经通过纱线命令添加了jquery，并修复了config/webpack/environment.js.中的一些部分。
什么以及如何与modal.js.erb联系？
我在application.html.erb.上测试的JQuery正在工作
environment.js
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.append(
'Provide',
new webp
浏览 3提问于2021-07-05得票数 0
我有一个页面，它收集了一组用户对该页面内容的评论。通过单击按钮并填写通过Bootstrap模式显示的表单，可以将新注释添加到页面。然后通过ajax将结果插入到页面中。这一切都运行得很好。
添加到页面的"results“包括另一个Bootstrap按钮/链接，如下所示：
<a tabindex='-1' href='#' class='ajax-modal btn btn-small'
data-target='modal_my-modal' data-backdrop='true'
浏览 0提问于2012-10-26得票数 3
当用户单击单选按钮时，我试图显示日历和输入框。我已经通过使用下面的代码创建了一个模式弹出，当我单击“发送”按钮时，它将打开一个带有两个单选按钮的模式弹出，当我单击“用提醒按钮关闭”弹出时，它将显示日历以及输入框。
这是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="vi
浏览 0提问于2018-10-15得票数 0
回答已采纳
2回答
引导模式不工作
、、
我有一个简单的按钮，它使用bootstrap的模式，就像一个弹出的div。我不能让它工作。当我单击按钮时，没有任何反应。我正在使用firefox。我可能忘记了一些简单的东西，但我找不到问题所在。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type=
浏览 0提问于2011-12-24得票数 3
回答已采纳
2回答
我试图将一个BootStrap模式添加到一个已经存在的页面中，但我遇到了以下问题：
模式显示与我期望的完全一样，内容看起来非常漂亮，但我有两个问题。如果我只指定class="modal"，那么当页面加载并且不会关闭时，默认情况下会显示模式。如果我包含class="modal hide"，那么在页面加载时，模式不会显示，而且在单击适当的按钮时也不会关闭。
我没有在Bootstrap网站上对做任何大的改动，你知道出了什么问题吗？
这是启动模式的按钮：
<a class="btn" data-toggle="modal" href
浏览 3提问于2012-05-20得票数 1
回答已采纳
我试图在html中打印一个按钮，在angular2中将它作为参数传递，但angular2从不翻译它。
modal.component.ts
this.footer = `<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>`
modal.component.html
<div class="modal-footer" [innerHTML]="footer"></d
浏览 1提问于2016-12-04得票数 0
2回答
我得到了一个带有引导模式的页面(手册：)。
我想有这个模式打开页面加载。然而，这并没有发生。
<!-- Modal -->
<div class="modal fade" id="memberModal" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div
浏览 1提问于2015-01-21得票数 9
回答已采纳
2回答
在引导模式中更改href url
、、、、
祝您今天愉快。如何在引导模式下更改url？我正在使用yii bootstrap扩展进行确认对话。我有不同的按钮列表上的行动网址。
按钮代码
foreach ($Users as $a)
{
$this->widget('bootstrap.widgets.TbButton', array(
'label'=>Yii::t('default-ui', 'Remove'),
&#
浏览 1提问于2013-09-10得票数 0
我使用的是twitter、bootstrap modal和jquery。
当有多个按钮可以创建模式对话框时，如何找到源按钮？
在使用bootstrap-modal之前，我使用onclick来显示确认消息，例如，onclick="newGame(3，true)"；现在我想使用bootstrap-modal来执行此操作。
html，
<button type="button" class="btn" id="ctrl6" data-controls-modal="my-modal" data-
backdrop
浏览 0提问于2011-12-12得票数 4
Bootstrap模式在bootstrap版本4上工作得很好，但当我更改为使用bootstrap版本5时，当我单击“关闭”按钮时，模式无法关闭。 //当我使用此v4时，modal可以完美地工作： <script src="assets/vendor/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script> //但是当我使用这个v5时，close按钮不能关闭模式： <script src="assets/vendor/bootstrap-5/js/bootstrap.bundle.min.js&
浏览 16提问于2021-09-29得票数 0
我是React的初学者，所以请耐心等待)) 我有一个父组件，它有两个不同的按钮来触发子组件，这是一个Modal，它必须根据触发了Modal的按钮显示不同的数据。这两个组件都是功能组件。子级Modal应该通过道具从父级接收触发按钮的值。该名称是我用来构造对象名称的单个字母，该对象名称从Modal中定义的两个常量中获取Modal的数据。 当我尝试定义通过道具接收到的按钮的名称时，我在控制台中得到了一个“console.log”错误。因此，由于这个原因，我无法构造Modal的内容。 我更喜欢将组件定义为函数，而不是扩展类。 我是不是在代码中做错了什么？ 父组件(Experience.jsx)：
浏览 2提问于2021-01-24得票数 0
回答已采纳
1回答
(我知道有一堆这样的问题，但似乎没有一个能回答我的具体情况。) 我正在尝试让bootstrap模式显示在Rails视图中，但关联的按钮什么也不做-单击它除了按钮交互效果之外，根本没有任何效果。据我所知，bootstrap通常被设置为正常工作；这似乎不是我的问题。 Modal html，其中大部分是直接从引导程序文档复制的： <div id="new_event">
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" da
浏览 7提问于2021-10-28得票数 0
在下面的代码中，我尝试设置计算字段的属性。由于我还希望能够为computed属性赋值，因此我在SelectedType computed中定义了一个set函数。
但是当计算属性设置为空数组时。计算属性设置了以前的数据，但未更新。
就像我在第一个uid类型的updateSubscription方法中执行this.SelectedType = reduced时，值与selectedPaymentType中的值一样好，但是在uid==2中，SelectedType应该是空的。但它获取的是先前选择的值。
当返回的数组为空时，如何将SelectedType设置为空？在这种情况下，应该采取什么解决方法？
浏览 5提问于2021-06-17得票数 0
正如问题所述，我正在尝试为我的React项目创建一个简单的Modal with Bootstrap。然而，在我点击了应该激活Modal的按钮后，模式无法出现。
这是我的LoginPage.js的代码。这是在我的index.js文件中通过ReactDOM.render呈现的组件。
import React from 'react';
import { Button, ButtonToolbar, Modal } from 'react-bootstrap';
class LoginPage extends React.Component {
constru
浏览 20提问于2018-06-06得票数 0
回答已采纳
3回答
我使用Bootstrap 3.1
我有一个问题，模式转换成一个表单...
如果我像这样将我的模式代码放到表单中：
<form class="form-horizontal" action="pro_dossier_location_maj.php" role="form" method="post">
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal&
浏览 1提问于2014-02-04得票数 1
2回答
引导模式不能正常工作
、、、、
我正在尝试使用bootstrap在网站上实现一个模式弹出窗口。这个站点是部门级的，所以我唯一能访问的代码基本上就是站点的主体(其他的都在php中，包括页眉、页脚和导航)，我已经包含了bootstrap.js文件以及jquery。我在bootstrap文档中使用了示例代码。我已经让bootstrap工具提示和弹出窗口工作了，但是我不明白为什么模式不能工作。
<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggl
浏览 2提问于2013-11-02得票数 0
我正在构建一个React，我在使用React中的组件时遇到了一个问题。当我使用按钮或表格这样的组件时，一切都能工作，但当我使用模态时，会出现问题。我的服务器端json看起来
let jsonlist = [
{
Title: "first title",
Listofitems: ["Item 01", "Item 02", "Item 03"]
},
{
Title: "second title",
Listofitems:
浏览 1提问于2022-11-04得票数 1
回答已采纳
我尝试使用Twitter Bootstrap创建模式窗口，代码如下
<link rel= "stylesheet" href = "/static/bootstrap/css/bootstrap.css" >
<script src ="/static/bootstrap/js/bootstrap-modal.js" ></script>
<script type = "text/javascript" src= "/static/bootstrap/js/bootstrap.js
浏览 1提问于2012-08-11得票数 0
回答已采纳
3回答
我有五个按钮，它可能是多个按钮上点击引导模式打开。它工作得很好，但有一个问题，我如何检查我点击的地方？因为所有按钮的模式都是相同的。
这是我的代码：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"><
浏览 0提问于2018-07-03得票数 0
1回答
很多人建议避免使用像cfwindow这样的coldfusion UI标签。亚当·卡梅隆和雷·卡姆登在上以正确的方式创建了ColdFusion UI，这样人们就可以有选择了。
我需要一个弹出窗口，如果我不使用ColdFusion UI标签cfwindow，我不介意。所有我需要的是，当用户点击一个链接，弹出窗口显示。给出我的Ray Camden的例子是使用按钮而不是链接。我需要一个链接来打开一个弹出式窗口，因为我想给我的用户在我的段落中的某些事情的细节解释，所以我不能使用按钮。
在下面的例子中，我如何将按钮更改为链接，这是可能的吗？我试过操纵它，但没有成功。
<!doctype html&g
浏览 1提问于2015-07-15得票数 1
如何在Modal中单击remove按钮时删除显示的内容。
当从数组中单击remove按钮时，我可以删除该对象，但该内容仍显示在屏幕上。
我认为从数组中删除对象将重新启动map函数，该函数将再次调用循环，新内容将可见
import React from "react";
import { Modal, Button } from "react-bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
let data = [
{
Name: "COOL",
浏览 26提问于2020-07-31得票数 0
5回答
我需要能够改变一个模式内的内容取决于被点击的按钮。 例如，如果一个按钮被点击，它将只显示带有class ' one‘的div，而其他按钮将保持隐藏状态。 $('#exampleModalCenter').modal('toggle') <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="btn&#
浏览 90提问于2021-07-16得票数 0
回答已采纳
1回答
对于这些代码，有一个“启动模式”按钮来打开模型，然后在模型中，还有一个按钮“启动modal2”来在模型上打开一个新模型(只需调用model2)。
当我点击model2上的关闭按钮时，所有的模型都将关闭。我怎么才能修复它呢？
请注意，我需要将model2放入模型中以显示数据。
谢谢。
<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>
<div class="modal" id="my
浏览 1提问于2021-04-16得票数 0
我正在尝试在React中使用Bootstrap模式。我已经成功地打开了一个模式。为了以编程方式关闭模式，我使用了下面的代码。 $('#exampleModal').modal('hide') 代码是在按钮的onClick事件中编写的。当我单击该按钮时，会出现错误Unhandled Rejection (TypeError): jquery__WEBPACK_IMPORTED_MODULE_6___default(...)(...).modal is not a function 我导入了Bootstrap和jQuery，如下所示。 import 'bo
浏览 17提问于2021-09-15得票数 0
回答已采纳
我尝试了所有的方法，我没有两个bootstrap文件，但是当点击登录按钮时，这个模式会自动关闭。
问题：
你可以在这里看到：
这是代码:我已经添加了在单击按钮后淡出关闭的脚本
$('#modal-close').click(function(){
$('#loginpop').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
});
$('#modal-cle
浏览 1提问于2017-10-31得票数 2
1回答
我的网页上有两个按钮(Modal 1和Modal 2)。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<
浏览 1提问于2018-03-15得票数 0
回答已采纳
2回答
引导模态显示正确。
、、、、
我试图显示一个按需的模式窗口，点击一个按钮。
在<head>...</head>标记中，我有以下内容：
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
浏览 2提问于2016-04-22得票数 0
回答已采纳
1回答
我有一个父组件，它有两个不同的按钮触发子组件，这是一个模式，它必须显示它内部的不同内容，这取决于哪个按钮触发了Modal。这两个组件都是功能组件。子Modal应该通过父母的道具接收触发按钮的值。该按钮的名称是一个数字，它对应于在子组件中定义的数组中的对象索引。
当我console.log道具，我看到他们被传递到模态三次。当第一次通过道具传递按钮的值时，它就从第二和第三段的道具中消失了，我收到了一个错误，上面写着TypeError:无法读取未定义的属性'inf1‘。
我不明白为什么道具要经过三次，为什么按钮的值在第一次之后从道具中消失。
这是我的代码：
父级：
import React,
浏览 2提问于2021-01-26得票数 1
回答已采纳
1回答
单击按钮时引导模式不工作
、、、
我正在尝试创建一个bootstrap模式，当单击按钮时弹出。我看了一些预告片，也做了同样的事情。当我单击该按钮时，没有任何反应。我还复制了bootstrap中的一个模态示例，但也不起作用。怎么啦？ 代码如下： <!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Launch demo modal
</
浏览 18提问于2021-07-16得票数 0
我的React应用程序有一个react-bootstrap引导模式，它包含Modal.Body中的Formik表单和Modal.Footer中的submit按钮。
我们如何允许Modal.Footer中按钮的formik.isValid属性接受formik.isValid和formik.dirty值？
disabled={!(formik.isValid && formik.dirty)}
更完整的代码
import React, { useState, useEffect } from 'react';
import { Button, Modal, For
浏览 2提问于2021-02-10得票数 0
我有9条记录在reactjs数组中，每条记录都有自己的Bootstrap Modal View按钮。
{ "name" : "Tony", "Age" : "18"},
{ "name" : "John", "Age" : "21" },
{ "name" : "Luke", "Age" : "78" },
{ "name" : "Mark",
浏览 0提问于2018-11-25得票数 0
回答已采纳
我有一个正在进行/尝试复制的练习，我正在尝试向文件中添加一个模式按钮。我有来自React Bootstrap的按钮和模式，但是，我无法让实际的模式显示出来。我正在使用React-Bootstrap中的文档，但实际的模式不起作用，我尝试导入各种模式，但都没有用，我的代码中是否遗漏了什么？ import React from 'react';
import { Modal, Form, FormControl, Button, ButtonToolbar, InputGroup } from 'react-bootstrap';
import { connect
浏览 15提问于2019-09-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
