Mui5 TextField 提供給“ForwardRef（InputBase）”的“boolean”類型的無效道具“autoComplete”，應為“字符串”

Question

我有這個帶有自動完成功能的文本字段，為什么會發出警告？

<TextField
                type="text"
                id="standard1"
                label="Email"
                fullWidth
                required
                autoComplete
                value={email}
                onChange={(e) => setEmail(e.target.value)}
              />

Answer 1

這是因為您提供了autoComplete作為沒有任何值的道具，這與autoComplete={true}相同。

從 MUI 文檔autoComplete是“字符串”類型

請參閱MUI 文檔和規范

Answer 2

根據Mui autoComplete是一個type string的道具，它可以幫助用戶更快地填充 forms 它只是指定您的輸入字段是否應該打開或關閉自動完成功能。

所以只需改變：

<TextField
                type="text"
                id="standard1"
                label="Email"
                fullWidth
                required
                autoComplete
                value={email}
                onChange={(e) => setEmail(e.target.value)}
              />

至：

<TextField
                type="text"
                id="standard1"
                label="Email"
                fullWidth
                required
                autoComplete='on'
                value={email}
                onChange={(e) => setEmail(e.target.value)}
              />