我收到一條錯誤訊息，說我的代碼的 setValue 部分沒有定義，但我在 main 函式的底部做了。不知道發生了什么。
import React, {useState} from "react";
const updateAPI = () => {
setValue("test");
}
export default function App() {
const [value, setValue] = useState("");
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
<button onClick={updateAPI}></button>
<p>{value}</p>
</div>
);
}
uj5u.com熱心網友回復：
重組代碼如下并嘗試，
import React, {useState} from "react";
export default function App() {
const updateAPI = () => {
setValue("test");
}
const [value, setValue] = useState("");
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
<button onClick={updateAPI}>HI</button>
<p>{value}</p>
</div>
);
}
uj5u.com熱心網友回復：
您的 updateAPI 函式找不到 setValue useState 掛鉤，因為它們不在同一范圍內。
import React, {useState} from "react";
export default function App() {
const [value, setValue] = useState("");
const updateAPI = () => {
setValue("test");
}
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
<button onClick={updateAPI}></button>
<p>{value}</p>
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/409818.html
標籤：
上一篇：使用React/Typescript中的useEffect自定義類和“觀察”變化
下一篇：React中的模態視窗