reactjs：如何在單擊重置按鈕時觸發文件輸入的 onChange

Question

我想要一個文件輸入字段和一個按鈕來重置文件。

我正在嘗試這樣的事情

[file, setFile] = useState(null)

const handleChange = (event) => setFile(event.value)
const handleClick = (event) => setFile(null) and also trigger on Change

<input type="file" onChange={handleChange} value={file} />
<button onClick={handleClick}>Reset</button>

我想在從重置按鈕輸入的文件上觸發 onChange。

我怎樣才能做到這一點

Answer 1

您需要使用 useEffect。

import { useEffect } from "react";

const [file, setFile] = useState(null)

const handleChange = (event) => setFile(event.value)
const handleClick = (event) => setFile(null) // and also trigger on Change

useEffect(() => {}, [file])

<input type="file" onChange={handleChange} value={file} />
<button onClick={handleClick}>Reset</button>