當在我的表單欄位中輸入一些數字時，我想觸發我的函式電梯計算器。
const elevatorCalc = () => {
console.log("test")
};
我正在嘗試使用 onInput 進行類似的操作，但在控制臺中看不到“測驗”
<div className="col-md-4" id="number-of-apartments">
<label htmlFor="residential_apartments">Number of apartments *</label>
<input onInput={() => {elevatorCalc}} required type="number" id="resinput_number-of-apartments" />
</div>
任何幫助是極大的贊賞
uj5u.com熱心網友回復：
您可以以此為起點。請注意我如何onInput直接將函式名稱傳遞為
onInput={elevatorCalc}
該函式接收一個 HTML 事件作為輸入，我將其命名為e
您可以通過使用訪問其當前值e.target.value
const App = (props) => {
const elevatorCalc = (e) => {
console.log(e.target.value);
}
return (
<div className="col-md-4" id="number-of-apartments">
<label htmlFor="residential_apartments">Number of apartments *</label>
<input onInput={elevatorCalc} required type="number" id="resinput_number-of-apartments" />
</div>
);
};
ReactDOM.render(<App />, document.getElementById("root"));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/445925.html