文章/答案/技术大牛

发布

社区首页 >问答首页 >ReactJS，Formik，Bootstrap Modal -从模态按钮提交

问ReactJS，Formik，Bootstrap Modal -从模态按钮提交
EN

Stack Overflow用户

提问于 2020-07-12 23:56:55

回答 1查看 2.6K关注 0票数 1

我的ReactJS应用程序- CodeSandBox链路中有以下结构。我试图通过使用引导模式窗口的一个按钮来提交Formik表单，但是我无法理解如何从树下的两个组件调用表单提交，并将函数组合在一起。

有人能好心地建议一下，这是否是可以实现的？

谢谢!

reactjs

bootstrap-modal

formik

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-13 00:22:49

在FormFields组件中，需要将id添加到窗体中。

<Form id="fooId">

对于模态按钮，可以添加form和type属性，如：

<Button
 ...
 type="submit"
 form="fooId"
 ...
/>

表格就会提交。您可以跳过将onClick事件传递给该按钮，并将doSubmit方法传递给FormFields组件中的Formik组件。

码箱

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62871500

复制

水平滚动条

c++

主要用到并排Div 的父级设置white-space: nowrap，并排的div设置display:inline-block;

tianyawhl

2019/07/16

2.6K0

[iOS] WSHorizontalPickerView 图片水平滚动封装

ios git

之前这篇文章传送门本来是记录自己练手的demo的，后来很多人来问我要代码。今天就抽时间封装了一下，没有考虑太多情况，等我有空再去仔细考虑吧。

wOw

2018/09/18

3K0

WPF 让 TextBox 支持水平滚动

网络安全 javascript

超级简单的方法，只需要设置 HorizontalScrollBarVisibility 可见就可以了

林德熙

2022/08/12

9850

CSS——多列

css

多列属性可以将文本设计成像报纸杂志那种多列排版的布局，类似于Microsoft Word中的段落分栏功能。

Html5知典

2019/11/26

1.3K0

pandas dataframe 新增单列和多列

sql python

dataframe assign方法，返回一个新对象（副本），不影响旧dataframe对象

lovelife110

2021/01/14

4.5K0

表单水平文字滚动，效果还有阴影

开源 integer procedure this 表单

加菲猫的VFP

2023/08/21

2720

自定义View实现水平滚动控件

xml 人工智能开源

前几天项目中需要使用到一个水平可滚动的选择条，类似下图效果（图片是从简书上一位作者那儿找来的，本篇也是在这位作者的文章的基础上修改的，站在大神的肩膀上，哈哈，由于原文没有提供demo，而且

coderZhen

2018/06/28

9410

jQuery无缝图片横向(水平)/竖向(垂直)滚动

jquery

jQuery的一个不错的小插件，记性越来越差了，整理一下贴在这里，方便以后Copy & Paste <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title> <script typ

菩提树下的杨过

2018/01/22

17.4K0

有意思的水平横向溢出滚动

容器 css 编程算法

最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。

Sb_Coco

2022/09/28

2.6K0

excel 多列内容拼接

excel

例如想要拼接 A2 和 B2 的内容生成一个新列，A2 内容为 320，B2 内容为 480，我们生成新列，需要拼接两列内容，中间同时拼接 * ，新列公式如下：

蓓蕾心晴

2022/10/27

1.5K0

联合索引（多列索引）[通俗易懂]

https java 网络安全数据库云数据库 SQL Server

联合索引是指对表上的多个列进行索引，联合索引也是一棵B+树，不同的是联合索引的键值数量不是1，而是大于等于2.

全栈程序员站长

2022/09/05

2.7K0

如何纯CSS实现标题栏、表格头水平滚动垂直不滚动

html5 前端性能监控

有些报表会很宽，浏览器水平放不下，需要水平滚动显示，这个可以设置overflow-y:hidden实现，很基本的实现，没什么难度。

周陆军博客

2023/05/07

1.7K0

JqGrid实现超长水平（左右）滚动条功能

jquery

使用JqGrid来实现列表功能非常方便快捷，但在使用的过程中还会遇到一些定制化的问题。这篇文章来跟大家说一下当列表中数据比较多时，如何实现水平（左右）滚动来确保能够查看完整的信息。

程序新视界

2020/05/18

3.9K0

MFC 控件编程之水平滚动条跟垂直滚动条

javascript 编程算法

　　首先在操作滚动条的时候.我们要知道滚动条的一些属性. 比如我们要设置最大值最小值. 以及每次递增的值是多少.都要设置.

IBinary

2019/05/25

2.9K0

MySQL索引中的前缀索引和多列索引

数据库云数据库 SQL Server sql

正确地创建和使用索引是实现高性能查询的基础，本文笔者介绍MySQL中的前缀索引和多列索引。

玖柒的小窝

2021/11/06

4.7K0

点击加载更多

相似问题

水平滚动的多列问题

列和水平滚动

有多列的页面，水平滚动，没有垂直滚动

具有水平滚动和自动列宽和高度的多列CSS列表

具有水平滚动和图像的自动多列固定高度问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问ReactJS，Formik，Bootstrap Modal -从模态按钮提交
EN