React.cloneElement克隆组件

import React from 'react';  
  
// 假设你有一个TestComponent组件，它接受name和age作为props  
const TestComponent = ({ name, age }) => {  
  return (  
    <div>  
      <p>Name: {name}</p>  
      <p>Age: {age}</p>  
    </div>  
  );  
};  
  
// 这是你给出的clonedComponent函数  
const clonedComponent = ({ dom = TestComponent, ...props }) =>  
  React.cloneElement(dom, {  
    ...props,  
    name: 'jack',  
    age: 10,  
  });  
  
// 在另一个组件或应用中使用这个clonedComponent函数  
const App = () => {  
  const MyClonedComponent = clonedComponent({ someOtherProp: 'example' });  
  return (  
    <div>  
      <h1>Cloned Component Example</h1>  
      {MyClonedComponent}  
    </div>  
  );  
};  
  
export default App;