我正在 React 中創建一個包含其他元素的元素。該元素的屬性之一可能已修改其 idtest 屬性。該元素的宣告如下：
const [currentTest, setCurrentTest] = useState(<PsqMainPanel idtest={idCurrentTest} />);
一旦創建了該元素，并將其定位在模板中，如下所示：
<li className="nav-item">
<a className="nav-link" href="#">
//Main panel with current idtest:
{currentTest}
</a>
</li>
最后，在修改函式中（單擊某個元素時觸發，具有新的 id 值）：
const switchTest = (idtest) => {
setCurrentTest(<PsqMainPanel idtest={idtest} />); //<--- How to simply modify the one that already exists?
}
我真的不知道如何修改已經繪制的 Element PsqMainPanel 的 idtest 屬性。我寧愿不必重繪它，理想的做法是修改它的 id，并且同一個元素可以修改自己，但是如何修改已繪制元素的屬性？
謝謝。
uj5u.com熱心網友回復：
您似乎currentTest每次都使用相同的組件，因此您應該將測驗 ID 存盤在其中currentTest并像這樣更改您的組件：
const [currentTest, setCurrentTest] = useState(idCurrentTest);
<li className="nav-item">
<a className="nav-link" href="#">
<PsqMainPanel idtest={currentTest} />
</a>
</li>
const switchTest = (idtest) => {
setCurrentTest(idtest);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/520559.html