我有一個像這樣定義的 MUI 輸入組件，其中oninput（也嘗試過onInput）屬性沒有被 MUI 選擇
<Input
variant="standard"
size="small"
type="number"
inputProps={{
min: '0',
oninput: "validity.valid||(value='');",
}}
onChange="validity.valid||(value='');"
/>
正如 MUI檔案所說，
inputProps object {} 應用于輸入元素的屬性。
好吧，oninput是input元素的有效事件屬性，但在渲染時，底層原生 HTML 輸入元素僅min定義了該oninput屬性，而缺少該屬性。
這里出了什么問題？我什至用 onChange 嘗試過，但沒有成功。
uj5u.com熱心網友回復：
您應該將函式引數作為onInputprop 而不是這樣的字串傳遞：
const handleOnInput = (e) => {
//e.target.value
};
<Input
value={val}
variant="standard"
size="small"
type="number"
inputProps={{
min: "0",
onInput: handleOnInput
}}
/>
您可以查看此沙箱的實時作業示例。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/334451.html
標籤：javascript 反应 材质-ui
上一篇：在反應中重用順風組件的簡單方法