加載時，需要禁用 Apply 按鈕并單擊 Toggler1 按鈕，我想更改狀態，即其中一個選項卡標志將為 true，因此應啟用 apply 按鈕，一旦標志在任何選項卡中為 true 并且何時任何選項卡中的標志都是假的，應用按鈕應該被禁用，當我們點擊 Toggler2 按鈕時，我正在設置標志條件為 flase 的狀態，無法禁用應用按鈕。我正在檢查標志的條件，基于此我正在設置狀態，即 setEdit(flase)，因為它在循環中，所以無法正確設置狀態點擊 Toggeler1 按鈕，應用按鈕將被啟用，點擊切換器 2，應用按鈕需要被禁用但無法禁用應用按鈕，即使數據中的標志為 false?import React from "react";import "./styles.css";export default function App() {? let items = [? ? {? ? ? tab: "tab1",? ? ? info: [? ? ? ? { mnemonic: "first", flag: false },? ? ? ? { mnemonic: "second", flag: false }? ? ? ]? ? },? ? {? ? ? tab: "tab2",? ? ? info: [? ? ? ? { mnemonic: "first", flag: false },? ? ? ? { mnemonic: "second", flag: false }? ? ? ]? ? },? ? {? ? ? tab: "tab3",? ? ? info: [? ? ? ? { mnemonic: "first", flag: false },? ? ? ? { mnemonic: "second", flag: false }? ? ? ]? ? }? ];? let item2 = [? ? {? ? ? tab: "tab1",? ? ? info: [? ? ? ? { mnemonic: "first", flag: true },? ? ? ? { mnemonic: "second", flag: false }? ? ? ]? ? },? ? {? ? ? tab: "tab2",? ? ? info: [? ? ? ? { mnemonic: "first", flag: false },? ? ? ? { mnemonic: "second", flag: false }? ? ? ]? ? },? ? {? ? ? tab: "tab3",? ? ? info: [? ? ? ? { mnemonic: "first", flag: false },? ? ? ? { mnemonic: "second", flag: false }? ? ? ]? ? }? ];? const [edit, setEdit] = React.useState(true);? const [data, setData] = React.useState(items);? const changeFlag = () => {? ? setData(item2);? };? const changeFlag1 = () => {? ? setData(items);? };? React.useEffect(() => {? ? data.forEach((_eachItem) => {? ? ? const isChanged = _eachItem.info.find((_each) => _each.flag);? ? ? if (isChanged) {? ? ? ? setEdit(false);? ? ? }? ? });? }, [data]);? console.log(data);? return (? ? <div className="App">? ? ? <button onClick={changeFlag}> Toggler1</button>? ? ? <button onClick={changeFlag1}> Toggler2</button>? ? ? <button disabled={edit}> Apply</button>? ? </div>? );}