小编Cle*_*tas的帖子

问题 autoFocus 自动完成 Material UI

我无法focus处理表单的第一个元素,它是 Material UI 的自动完成组件。

打开模态框时,焦点位于“unit”元素上,如下图所示: It don't's work

我希望焦点集中在“group”元素上,如下所示: 它有效

这是沙盒链接: https://codesandbox.io/s/awesome-bassi-zjp50? file=/src/MyForm.jsx:1422-1431

谁能帮我?

我的表格

import React from "react";
import { Formik, Form, Field } from "formik";
import * as Yup from "yup";
import { Grid } from "@material-ui/core";
import Input from "./components/Input";
import Autocomplete from "./components/Autocomplete";

const initialValues = {
  id: 0,
  group: {
    value: 0,
    label: ""
  },
  name: "",
  unit: {
    value: 0,
    label: ""
  }
};

const groupList = [
  {
    value: "1",
    label: …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui formik

6
推荐指数
1
解决办法
7344
查看次数

自动对焦不适用于 Material UI v5 中带有按钮组件的打开表单对话框

任何人都知道为什么 TextField 中的自动对焦不能在带有按钮组件的打开对话框形式中工作?

      <TextField
        autoFocus
        margin="dense"
        id="name"
        label="Email Address"
        type="email"
        fullWidth
        variant="standard"
      />
Run Code Online (Sandbox Code Playgroud)

看到这里,它正在工作! 它正在工作!

看到这里,它不起作用! 它不起作用!

但如果您使用组件链接,它就可以工作!看这里在此输入图像描述

reactjs material-ui

3
推荐指数
1
解决办法
3241
查看次数

标签 统计

material-ui ×2

reactjs ×2

formik ×1