Reactjs 在React中发布传球道具

在react中传递道具时，我感到有点困惑

如果我有这样一个组件：

Example 1:
export default function App() {
  return (
    <div>
      <Component1 prop1={{name: "Cameron}} />
      <p>Start editing to see some magic happen :)</p>
    </div>
  );
}

示例1：
导出默认函数App（）{
返回(
const someObj={key:'value'}
哈哈，我喜欢这个图像，谢谢尼克
Example 2:
export default function App() {
  return (
    <div>
      <Component1 {{name: "Cameron"}} />
      <p>Start editing to see some magic happen :)</p>
    </div>
  );
}


Example 3:
export default function App() {
  const nameObj = { name: 'Cameron'};
  return (
    <div>
      <Component1 {...nameObj} />
      <p>Start editing to see some magic happen :)</p>
    </div>
  );
}


Example 4:
export default function App() {
  return (
    <div>
      <Component1 {name: Cameron} />
      <p>Start editing to see some magic happen :)</p>
    </div>
  );
}


<Component1 name='Cameron' />