reactjs - 在 Material-UI v1 中使 Input 的 InputAdornment 无法聚焦

Question

在 Material-UI v1 中，我试图避免如果用户在输入带有 InputAdornment 的 Input 时按下 Tab 键，则后者是焦点。相反，我想要实现的是通过按选项卡选择后续输入。

有人建议我将 tabIndex 属性设置为 -1 以避免它被选项卡选中，但它似乎不起作用。

<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
    }
/>

标签： reactjsmaterial-ui

Answer 1

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

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