我已经创建了一个从Material UI构建的InputField
组件。当我试图传递onKeyPress
给它时,它不起作用。当我将InputField
更改为input
时,代码可以正常工作。onKeyPress
不是InputField
的 prop 。
输入组件:
<InputField
className={classes.InputContainer}
value={props.whatInput}
onChange={(e) => props.updateInputValue(e, "what")}
placeholder={"Job title, keywords or school"}
type="text"
onKeyPress={handleKeyPress}
/>
handleKeyPress
功能:
const handleKeyPress = (ev) => {
if (ev.key === "Enter") {
router.push({
pathname: "/teaching-jobs",
query: {
search_keywords: props.whatInput ? props.whatInput : "",
search_region: props.whereInput ? props.whereInput : "",
},
});
props.searchWhat();
ev.preventDefault();
}
};
技术栈:
1.“next”:“^9.5.1英寸,
1.“react”:“^17.0.2”,
1.“@material-ui/core”:“^4.11.0”,
1.“@material-ui/icons”:“^4.9.1”
1.“@material-ui/lab”:“^ www.example.com ”,
1.“@material-ui/pickers”:“^3.2.10”,
1.“@mui/icons-material”:“^5.3.1”,
1.“@mui/material”:“^5.3.1”,
1.“@mui/x-data-grid”:“^5.5.0”,
2条答案
按热度按时间owfi6suc1#
使用
TextField
组件:顺便说一句-
type="text"
是TextField
的默认值,所以在这里是多余的。aoyhnmkz2#
你可以这样用
有关更多信息,请参阅 www.example.com