formik fieldarray textfield输入只允许一个字符在失去焦点之前

Question

我有以下组件，并且不明白为什么我的＆lt; textfield＆gt;输入一个字符后失去了焦点。

我已经放置了key = {index}我认为它需要它。

如果有人能看到我缺少的东西会导致这种文本失去焦点，那就太好了。

const MyValues = ({ myGroup, name, myIndex }) => (
    <FieldArray
      name={name}
      render={(arrayHelpers) => (      
        <React.Fragment>
            <div className={classes.dataSourceLayout} key={myIndex}>
                {myGroup.myValues.map((myValue, index) => (
                <div key={index}>
                    <Grid 
                      container 
                      item  
                      key={index} 
                      spacing={6}>
                <Grid
                    item
                    container
                    spacing={1}
                >         
                    <Grid item xs={5}>
                        <Select
                            name={`${name}.${index}.job`}
                            label='Job'
                            options={jobs}
                        />
                    </Grid>
                     <Grid item xs={5}>
                        <TextField
                            name={`${name}.${index}.salary`}
                            label='Salary'
                        />
                    </Grid>
                    <Grid item xs={2}>
                        {myGroup.myValues.length > 1 && (
                            <Button                                
                                disableElevation
                                onClick={() => arrayHelpers.remove(index)}
                                >
                                <span>Delete</span>
                            </Button>
                        )}
                    </Grid>                    
                </Grid>
                </Grid>
                </div>
                ))}
            </div>
            </React.Fragment>
      )} 
    />           
  );

Answer 1

我想你忘了在字段名称上围绕索引括起来

<Select
  name={`${name}.[${index}].job`}
  label='Job'
  options={jobs}
/>