Pressing enter key will call fetchdata

This commit is contained in:
atyabbin 2024-06-19 12:09:55 +05:30
parent ef37a4cad8
commit b7d3e5439a

View File

@ -155,10 +155,19 @@ export const App: React.FC = () => {
return rows;
};
const handleKeyPress = (event: React.KeyboardEvent<HTMLFormElement>) => {
if (event.key === "Enter") {
event.preventDefault(); // Prevent form submission
fetchData().catch((error: unknown) =>
console.error("Fetch data error:", error),
);
}
};
return (
<div className="container center-table">
<h1>{S.hello}</h1>
<form className="input-form">
<form className="input-form" onKeyPress={handleKeyPress}>
<div className="input-group">
<label>
Token: