這是對上一篇資料的獲取和更改TS 版解釋

//powerCode\countdownCode-->dpCodes的鍵名
const { powerCode, countdownCode } = DpCodes;

interface HomeBottomViewProps {
  theme?: any;
}

const HomeBottomView: React.FC<HomeBottomViewProps> = ({
  theme: {
    global: { themeColor, fontColor },
  },
}) => {
  const [isSupportCloudTimer, setIsSupportCloudTimer] = useState(false
 
);
  //react-redux useSelector() API 具體 https://blog.csdn.net/qq_33551792/article/details/103514954
  const power = useSelector(state => state.dpState[powerCode]);
  const countdown = useSelector(state => state.dpState[countdownCode]) as number;

  useEffect(() => {
    TYSdk.devInfo.panelConfig.bic.forEach(i 
 
=> {
      if (i.code === 'timer' && i.selected) {
        setIsSupportCloudTimer(true);
      }
    });
  }, []);

  //更改資料
  const _handleTogglePower = useCallback(
    throttle(() => {
      lampPutDpData({ [powerCode]: !power });
    }, 200),
    [power]
  );