javascript - 编辑 Formik 表单时如何禁用输入文件

Question

我正在尝试创建一个 Formik 表单来创建一个简单的 userTable，我正在其中生成一个自动 ID，它在提交时工作正常。当我转到特定的 UserId 页面时，当单击编辑用户时，ID 输入字段在不应该编辑时再次变得可编辑。它具有禁用属性，这很好，但是单击编辑按钮时将其更改为可编辑，请问如何解决此问题？

谢谢

  const handleClickEditMember = () => {
    Actions.enableMemberEdit();
  };
<Card className={clsx(classes.root, className)}
  <CardHeader
    action={
      /*<Acl permission="MD_MEMBER_UPDATE">*/
      <Button
        color="primary"
        id="edit-member-button"
        onClick={() => handleClickEditMember()}
        size="small"
        variant="contained"
      >
        {t('members.edit')}
      </Button>
      // </Acl>
    }
    title={member.companyName}
  />
  <Divider />
  <CardContent className={classes.content}>
    <CardHeader title={t('members.company_profi
    <Grid container spacing={3}>
      <Grid item xs={6}>
        <TextField
          className={classes.textField}
          fullWidth
          id="companyName"
          InputProps={{
            readOnly: true,
          }}
          label={t('members.company_name')}
          margin="dense"
          name="companyName"
          placeholder={t('members.company_name'
          value={member.companyName}
          variant="outlined"
        />
      </Grid>
      <Grid item xs={3}>
        <TextField
          className={classes.textField}
          fullWidth
          id="xxxxxxxx"
          disabled
          label={t('members.xxxxxxxx')}
          margin="dense"
          name="proagricaId"
          placeholder={t('members.xxxxxxx'
          value={member.xxxxxxx}
          variant="outlined"
        />
      </Grid>
    </Grid>