我可以在React中的另一个组件中重用来自一个组件的片段吗？

import React, { Fragment } from 'react';

function MyComponent() {
  return (
    <Fragment>
      <div>这是第一个片段</div>
      <div>这是第二个片段</div>
    </Fragment>
  );
}

export default MyComponent;

import React from 'react';
import MyComponent from './MyComponent';

function AnotherComponent() {
  return (
    <div>
      <h1>这是另一个组件</h1>
      <MyComponent />
    </div>
  );
}

export default AnotherComponent;

// 在AnotherComponent中传递props
<AnotherComponent someProp="value" />

// 在MyComponent中接收props
function MyComponent({ someProp }) {
  return (
    <Fragment>
      <div>{someProp}</div>
    </Fragment>
  );
}

// 使用key属性
{items.map(item => (
  <MyComponent key={item.id} item={item} />
))}