formik

来源： https://stackoverflow.com/questions/63803358/formik-material-ui-autocomplete-and-firestore-where-query-to-find-the-array-p

来源： https://stackoverflow.com/questions/63803358/formik-material-ui-autocomplete-and-firestore-where-query-to-find-the-array-p

来源： https://stackoverflow.com/questions/63422845/firebase-how-to-submit-form-data-to-different-collections

问题 I have two select boxes, one for country and another for region. When someone selects a country, I need to populate the region select with different values (asynchronously). I'm aware of react-country-region-selector and react-select, but those solutions seem like overkill for such a simple task. In the code below, the regions are populated correctly after selecting a country, but the value of the country select is lost. Also, should I be setting state in the constructor or should Formik be

问题 I have two select boxes, one for country and another for region. When someone selects a country, I need to populate the region select with different values (asynchronously). I'm aware of react-country-region-selector and react-select, but those solutions seem like overkill for such a simple task. In the code below, the regions are populated correctly after selecting a country, but the value of the country select is lost. Also, should I be setting state in the constructor or should Formik be

问题 I have two select boxes, one for country and another for region. When someone selects a country, I need to populate the region select with different values (asynchronously). I'm aware of react-country-region-selector and react-select, but those solutions seem like overkill for such a simple task. In the code below, the regions are populated correctly after selecting a country, but the value of the country select is lost. Also, should I be setting state in the constructor or should Formik be

问题 Some info I am using Formik for my project and I have my setup looking like this: |-MenuModal |--MenuEdit |---MenuEditForm Where MenuModal is the parent to MenuEdit and MenuEditForm . The component MenuEditForm is responsible for returning the Formik form, but I am calling the submit in it's parent MenuModal , which laters runs the submit function in MenuEdit via React's refs. Messy? Yup! My problem Right now I am trying to use state and callback functions to get the Formiks values from

问题 I am using formik plugin in reactjs and I want to useState variables after form submit. Both this and setState are undefined and I can't achieve it. Can anybody please help me to get this done? See screenshot (below) 回答1: In JavaScript , class methods are not bound by default. If you forget to bind this.LoginApp and pass it to onSubmit , this will be undefined when the function is actually called (as you already noted). This is not React-specific behavior; it is a part of how functions work

问题 I'm using Formik for validation in a React app. Validation is working correctly, but my onChange handler does not fire: <Field type="text" name="name" placeholder="First Name" component={Input} onChange={() => console.log("gfdg")} /> Link to Sandbox Why is this? 回答1: Inside Input , the way you have ordered the props passed to your input element means your onChange is being overwritten by Formik's onChange . When you create a Field with a custom component (i.e. Input in your case), Formik

问题 I'm using Formik for validation in a React app. Validation is working correctly, but my onChange handler does not fire: <Field type="text" name="name" placeholder="First Name" component={Input} onChange={() => console.log("gfdg")} /> Link to Sandbox Why is this? 回答1: Inside Input , the way you have ordered the props passed to your input element means your onChange is being overwritten by Formik's onChange . When you create a Field with a custom component (i.e. Input in your case), Formik