當年話下
2024-01-18 16:55:58
這是 React 組件的代碼片段: handleChange(e) { this.setState({ value: e.target.value }); } render() { return ( <div className="MarkdownEditor"> <h3>Input</h3> <label htmlFor="markdown-content"> Enter some markdown </label> <textarea id="markdown-content" onChange={this.handleChange} defaultValue={this.state.value} /> </div> ); }}這里的handleChange(e)函數有什么用e以及它是如何導出的?
2 回答

隔江千里
TA貢獻1906條經驗 獲得超10個贊
e
是 textarea HTML 元素在觸發時(onChange
即對 textarea 值進行更改時)創建的事件。它包含有關哪個元素的值已更改 ( e.target
) 以及它被設置為哪個值 ( e.target.value
) 的信息以及其他數據。console.log(e)
您可以嘗試使用inside來記錄它handleChange
以查看它包含的所有數據。(e
通常還包含用于操縱其行為方式的方法,例如e.preventDefault()
,但通常在由 textarea 生成的事件的情況下沒有用onChange
。)
該名稱e
是任意的,可以設置為您想要的任何名稱。屬性target
和value
不是。
event
另請注意,根據事件分派的來源,可以創建許多類似的內容。一個例子是用鼠標單擊某處,這使您可以訪問其他數據(例如單擊的 X 和 Y 坐標),而不是觸發 textarea 時onChange
調度的數據。兩者通常稱為e
或element
。
添加回答
舉報
0/150
提交
取消