React報錯之React.Children.only expected to receive single React element child

總覽

當我們把多個子元素傳遞給一個只期望有一個React子元素的元件時，會產生"React.Children.only expected to receive single React element child"錯誤。為了解決該錯誤，將所有元素包裝在一個React片段或一個封閉div中。

這裡有個範例來展示錯誤是如何發生的。

// App.js

import React from 'react';

function Button(props) {
  //