我以我對 ReactJs 非常陌生并且可能試圖解決一些非?；镜氖虑檫@一事實作為序言。我有一段帶有自定義 HTML 的代碼：示例組件const Sample = ({ title, children }) => {    return (          <div class="panel">              <div class="title">                 {title}              </div>              <div class="body">                 {children}              </div>           </div>         );};附帶問題 - 上面的正確名稱是什么？一個片段？它看起來不是一個“組件”，而只是學習 React 的命名約定利用組件export default class ExampleComponent extends Component {    render() {        return <div class="page-body">            <div class="row">                <h1> Page 1 </h1>                <Sample title={<h1>Some title!</h1>}>                   <p>This is my sample body!</p>                </Sample>            </div>        </div>    }}您可以看到“示例”元素的內容自動作為子屬性，但要設置標題，我必須明確設置“標題”屬性。理想情況下，我想做的是類似于以下內容：使用示例組件的理想方式export default class ExampleComponent extends Component {    render() {        return <div class="page-body">            <div class="row">                <h1> Page 1 </h1>                <Sample title="Some title!">                   <Sample.Title>                       <h1>This is my new way to do a title</h1>                   </Sample.Title>                   <Sample.Body>                       <p>This is my sample body!</p>                   </Sample.Body>                </Sample>            </div>        </div>    }}我以前在其他人創建的組件上使用過這種類型的方法，但現在想自己做，發現很難得到一個簡單的例子來做到這一點。在此先感謝您的指點！