title: how to edit a textfield values in reactjs
body: <p>Here i add my sample code.i have a static values getting from state now i want to change this values    </p>
  
  <pre><code>render() {
      console.log(this.props.selectedVal);
      var name,
          gender,
          city = "";
  
      this.props.data.map((row, index) =&gt; {
          // console.log(index);
          if (this.props.selectedVal === index) {
              gender = row[0];
              name = row[1];
              city = row[2];
          }
          return [];
      });
  
      return (
          &lt;Dialog
              open={this.props.open}
              onClose={this.handleClose}
              aria-labelledby="alert-dialog-title"
              aria-describedby="alert-dialog-description"
          &gt;
              &lt;h1&gt;Edit User&lt;/h1&gt;
              &lt;DialogContent&gt;
                  &lt;DialogContentText id="alert-dialog-description" /&gt;
                  &lt;Formik
                      initialValues={{ name: "", gender: "", city: "" }}
                      onSubmit={values =&gt; console.log(values)}
                  &gt;
                      {props =&gt; (
                          &lt;form&gt;
                              &lt;TextField margin="dense" id="name" label="Name" value={name} /&gt;
                              &lt;br /&gt;
                              &lt;TextField
                                  margin="dense"
                                  id="gender"
                                  label="Gender"
                                  value={gender}
                              /&gt;
                              &lt;br /&gt;
                              &lt;TextField margin="dense" label="City" value={city} /&gt;
                          &lt;/form&gt;
                      )}
                  &lt;/Formik&gt;
              &lt;/DialogContent&gt;
              &lt;DialogActions&gt;
                  &lt;Button onClick={this.handleClose} color="primary"&gt;
                      RESET
                  &lt;/Button&gt;
                  &lt;Button onClick={this.handleClose} color="primary" autoFocus&gt;
                      SUBMIT
                  &lt;/Button&gt;
              &lt;/DialogActions&gt;
          &lt;/Dialog&gt;
      );
  }
  </code></pre>
  
  <p>I am getting the values from the table row.Now i want to change these values using formik. How can I edit these values</p>