React props：我应该传递对象或其属性吗有什么区别吗

在React开发中，我们经常需要通过props（属性）来传递数据给组件。但是，有时候我们会遇到一个问题：是直接传递一个对象，还是传递对象的属性？这两种方式有什么区别呢？

jsx
// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';
function ParentComponent() {
  const person = {
    name: 'Alice',
    age: 25,
    gender: 'female',
  };
  return ;
}
// 子组件
import React from 'react';
function ChildComponent(props) {
  return (
    
      
Name: {props.person.name}
      
Age: {props.person.age}
      
Gender: {props.person.gender}
    
  );
}

jsx
// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';
function ParentComponent() {
  const name = 'Bob';
  return ;
}
// 子组件
import React from 'react';
function ChildComponent(props) {
  return 
Name: {props.name}
;
}