首頁(yè) 猿問在反應(yīng)組件中的handleChan...

在反應(yīng)組件中的handleChange(e)函數(shù)中使用“e”來訪問文本框值是否有任何替代方法？

JavaScript

當(dāng)年話下 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)函數(shù)有什么用e以及它是如何導(dǎo)出的？

查看完整描述

2 回答

紫衣仙女

TA貢獻(xiàn)1839條經(jīng)驗(yàn) 獲得超15個(gè)贊

“e”是 React 傳遞給句柄更改函數(shù)的合成事件參數(shù)。

這里無法解釋完整的概念，因此您必須了解更多 DOM 和 React，首先從事件開始。

反對(duì) 回復(fù) 2024-01-18

隔江千里

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個(gè)贊

e是 textarea HTML 元素在觸發(fā)時(shí)（onChange即對(duì) textarea 值進(jìn)行更改時(shí)）創(chuàng)建的事件。它包含有關(guān)哪個(gè)元素的值已更改 ( e.target) 以及它被設(shè)置為哪個(gè)值 ( e.target.value) 的信息以及其他數(shù)據(jù)。console.log(e)您可以嘗試使用inside來記錄它handleChange以查看它包含的所有數(shù)據(jù)。（e通常還包含用于操縱其行為方式的方法，例如e.preventDefault()，但通常在由 textarea 生成的事件的情況下沒有用onChange。）

該名稱e是任意的，可以設(shè)置為您想要的任何名稱。屬性target和value不是。

event另請(qǐng)注意，根據(jù)事件分派的來源，可以創(chuàng)建許多類似的內(nèi)容。一個(gè)例子是用鼠標(biāo)單擊某處，這使您可以訪問其他數(shù)據(jù)（例如單擊的 X 和 Y 坐標(biāo)），而不是觸發(fā) textarea 時(shí)onChange調(diào)度的數(shù)據(jù)。兩者通常稱為e或element。