我無法弄清楚如何列印我在表格中輸入的元音數量。我不確定錯誤在哪里,但是當我提交表單時,沒有任何反應。
const App = () => {
const [results, setResults] = useState(0);
const [input, setInput] = useState('');
const handleSubmit = (e, input) => {
e.preventDefault();
let count = 0;
for (let i = 0; i < input.length(); i ) {
if (
input.charAt(i) === 'a' ||
input.charAt(i) === 'e' ||
input.charAt(i) === 'i' ||
input.charAt(i) === 'o' ||
input.charAt(i) === 'u'
) {
count ;
}
}
setResults(count);
};
return (
<div className="App">
<div>{results}</div>
<div>
<form onSubmit={(e) => handleSubmit(e, input)}>
<input
type="text"
value={input}
onChange={(e) => setInput(e.target.value)}
></input>
<button>Submit</button>
</form>
</div>
</div>
);
};
uj5u.com熱心網友回復:
代碼中有錯誤。length不是函式。它只是輸入字串的一個屬性。它應該是
input.length
代替
input.length()
代碼沙箱 => https://codesandbox.io/s/clever-danny-sg819?file=/src/App.js
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/396968.html
標籤:反应
