如何在react钩子上检查我的条件

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [condition, setCondition] = useState(false);

  useEffect(() => {
    // 在组件渲染后执行的副作用代码
    if (condition) {
      // 条件满足时执行的逻辑
      console.log('条件满足');
    } else {
      // 条件不满足时执行的逻辑
      console.log('条件不满足');
    }
  }, [condition]);

  return (
    <div>
      {/* 在组件中设置条件的控件 */}
      <button onClick={() => setCondition(!condition)}>
        切换条件
      </button>
    </div>
  );
}

export default MyComponent;