All Questions
Tagged with formik react-bootstrap
37 questions
0
votes
0
answers
21
views
How can I set a value in formik with react-bootstrap componenet?
I have a simple formik form with a react-bootstrap based component, how can I set a value in formik?
There are only two initial values for simplicity.
If I set an initial value and then pass a value ...
- 535
0
votes
1
answer
114
views
React-Bootstrap radio input as button group with formik
I'm trying to get a radio button to appear as a button group with buttons yes/no as a reusable react component using formik also..
const BooleanInput = (
props: { label: string; size: number } & ...
- 656
1
vote
0
answers
352
views
Formik & react-bootstrap: refresh feedback after form submit
I use Formik and react-bootstrap.
When the form is submitted, validation errors from the backend can occur.
I want to update the form feedback fields accordingly. I use the setErrors Method,
but the ...
- 61
0
votes
2
answers
2k
views
React Formik Form not calling onSubmit function
I have a Formik form, using react-bootstrap for layouts and yup for validation, as follows:
import React, { useEffect, useState } from "react";
import { useHistory } from "react-router-...
- 399
1
vote
1
answer
2k
views
(React, Formik & Yup) Disable or/and change a class of the submit button
So, I've made a registration form in the React App, using Bootstrap for the style, Formik and Yup for the validation. I want to change a Submit Button class to 'btn-outline-danger' and make it ...
- 43
0
votes
2
answers
379
views
Formik and Form.Check does not capture value
I'm utilising Formik and React-Bootstrap to construct a user registration form. For now, I'm just console.logging the values captured from the form but for some reason my form does not capture the ...
- 31
0
votes
1
answer
994
views
Despite using useLayoutEffect, it could still see flickering in the component
I'm using react-bootstrap and formik.
The below UpdateWorkloadForm component is rendered in a Modal's body.
import React, { useImperativeHandle, useLayoutEffect, useReducer, forwardRef } from 'react';
...
- 588
1
vote
0
answers
2k
views
Next.js form validation with Formik, Yup and React Bootstrap
I'm trying to validate the React Bootstrap form using Formik and Yup. Everything is fine form is validating properly but when I refresh the page from the browser then the below error shows:
This is ...
- 1,157
1
vote
1
answer
800
views
react-datetime formik validation
I'm using react-datetime compenent in my react-bootstrap form. Formik with Yup is used for validation.
import React from 'react';
import { Container, Form, Button, Alert, Row, Col, InputGroup } from &...
- 588
0
votes
1
answer
2k
views
How to handle error.touched and errors with an object in Formik
I have an object that I integrate in a form with Formik
const obj = {
address: {
line1: 'Street1',
line2: 'Street2',
line3: 'Street3'
}
When I create the formik.group I am faced ...
- 852
0
votes
1
answer
604
views
ToggleButtons in react bootstrap won't reset
Hello I am trying to make a component out of react bootstrap toggle group buttons using formik, the component works and pass the data correctly, but it just won't reset the buttons to "no button ...
- 122
1
vote
1
answer
699
views
How can i make react-bootstrap form components work well with same-named formik components?
First, I made a form validated with formik. After that, my team decided we would style with react-bootstrap. This library has a <Form> object, same as Formik. But it is not validating correctly. ...
0
votes
1
answer
292
views
validation field with formik
I am using a form with react-bootstrap, formik and yup.
https://stackblitz.com/edit/formik-reactbootstrap-validation-xdihwi
The problem is that when I fill in the first field, the second is ...
- 852
0
votes
0
answers
2k
views
focus of field controls with formik
I have a form using formik, comprising a date field and a text field.
when I add a date in the form the text field is automatically put in error.
I think it comes from the initavalues
initialValues={{...
- 852
0
votes
1
answer
1k
views
onReset causes RangeError: Maximum call stack size exceeded
In my React Redux application, I use react-bootstrap(v^1.6.0) with Formik(v2.2.6) to build a filters form.
Everything works fine except reset handling. After I click my reset button, I get
RangeError:...
- 55