如何知道react钩子函数中的呈现原因是属性更改还是状态更改？

import React, { useEffect } from 'react';

function MyComponent(props) {
  useEffect(() => {
    // 仅属性发生变化时执行的逻辑
    console.log('属性发生变化');
  }, [props]);

  return (
    <div>
      {/* 组件的渲染内容 */}
    </div>
  );
}

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

function MyComponent(props) {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // 属性发生变化时执行的逻辑
    console.log('属性发生变化');
  }, [props]);

  useEffect(() => {
    // 状态发生变化时执行的逻辑
    console.log('状态发生变化');
  }, [count]);

  return (
    <div>
      {/* 组件的渲染内容 */}
    </div>
  );
}