如何访问数组中的特定元素并将其值更改为相反值?为了不重复代码,我想以这种方式显示模式窗口
const [visiblePopup, setVisiblePopup] = useState([
{
modalUsers: false,
modalDetails: false,
modalWarning: false,
modalUpdate: false
}
]);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
除了使用数组之外,还可以使用object和create函数来切换状态。
const [visiblePopup, setVisiblePopup] = useState({
modalUsers: false,
modalDetails: false,
modalWarning: false,
modalUpdate: false
});
togglePopup = name => setVisiblePopup(prevVisiblePopup => ({
...visiblePopup,
[name]: !prevVisiblePopup[name]
})
togglePopup('modalUpdate'); // to toggle modalUpdate
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句