获取错误:对象作为React子项无效

const myObject = { name: 'John', age: 30 };
const myElement = React.createElement('div', null, myObject.name);
ReactDOM.render(myElement, document.getElementById('root'));

const MyComponent = (props) => {
  return <div>{props.myObject.name}</div>;
};

const myObject = { name: 'John', age: 30 };
ReactDOM.render(<MyComponent myObject={myObject} />, document.getElementById('root'));

const myArray = [{ name: 'John', age: 30 }, { name: 'Jane', age: 25 }];
const myElements = myArray.map((item) => {
  return <div key={item.name}>{item.name}</div>;
});
ReactDOM.render(<div>{myElements}</div>, document.getElementById('root'));