All Questions
35 questions
0
votes
0
answers
22
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
133
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
353
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 ...
- 41
0
votes
2
answers
384
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
1k
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
806
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 ...
- 862
0
votes
1
answer
615
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
716
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
299
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 ...
- 862
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={{...
- 862
5
votes
2
answers
12k
views
Checkbox with Initial Value in Formik Not Toggling, Need to Handle Checked/defaultChecked
I have a checkbox in a Formik whose initial value is determined after a DB fetch, which populates values. But if I do the following, then although the initial value is correct, I can't toggle the ...
- 12.2k