在Material-UI v1中使输入的InputAdornment不可聚焦

Question

在Material-UI v1中，如果用户在输入带有InputAdornment的输入时按下Tab键，我试图避免这种情况，后者是重点。相反，我试图实现的是通过按Tab键选择后续输入。

有人建议我将tabIndex属性设置为-1以避免通过Tab键选择它，但它似乎不起作用。

<Input
    value={this.state.email}
    endAdornment={
        this.state.email ? (
            <InputAdornment position="end">
                <IconButton style={{ width: "32px", height: "32px", tabIndex: "-1" }}>
                    <Icon>clear</Icon>
                </IconButton>
            </InputAdornment>
        ) : null
    }
/>

Answer 1

你有tabIndex错误的地方。它是一个html属性，而不是一个css属性。像这样写：

<IconButton tabIndex="-1" style={{ width: "32px", height: "32px" }}>