我正在嘗試訪問文本框中的值并將其保存在狀態變數中。我可以在不使用“ref”的情況下訪問它嗎？還有宣告：
console.log(this.input.value)
在控制臺中列印正確的輸入。但如果我在下面做：
ref ={(input)=>{
this.input = input
console.log(input.value)
}}
我收到一個錯誤。請幫助我了解下面完整代碼中發生的事情。
<input type="text"
className = "form-control form-control-lg"
placeholder ='0'
onChange = {async (event)=>{
const tokenValue = await this.input.value.toString() * 100
console.log(this.input.value)
this.setState ({
output:tokenValue
})
console.log(this.state.output)
}}
ref ={(input)=>{this.input = input}}
required/>
uj5u.com熱心網友回復：
您可以輕松獲得輸入值，如下所示
export default function App() {
const [value, setValue] = useState();
const handleInputChange = (e) => {
setValue(e.target.value);
};
return (
<>
<form>
<input
type="text"
value={value}
onChange={(e) => handleInputChange(e)}
/>
</form>
</>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/347308.html
標籤：javascript html 反应 反应原生
上一篇：我該如何修復這個背景錯誤？