我有一個簡單的 React 組件，它應該使用 highcharts-react 庫呈現兩個 Highcharts。圖表的數據來自父組件的狀態，并作為道具傳遞給該組件。當頁面加載時，餅圖是空的（例如，只有一個沒有系列的空圓圈）。如果我使用 React 元素檢查器檢查 HighchartsReact 元素，我可以看到正確的數據在 options 屬性中。此外，如果我手動更改檢查器中的任何數據，圖表會突然出現。我的猜測是它與圖表沒有正確更新有關，但我無法準確確定我做錯了什么。const sharedPlotOptions = {    chart: {        plotBackgroundColor: null,        plotBorderWidth: null,        plotShadow: false,        type: 'pie'    },    title: null,    tooltip: {        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'    },    plotOptions: {        pie: {            allowPointSelect: true,            cursor: 'pointer',            dataLabels: {                enabled: true,                format: '<b>{point.name}</b>: {point.percentage:.1f} %'            }        }    },    series: [{        name: 'Countries',        colorByPoint: true,        data: []    }]}export function CountryPopulationPlot(props) {  let adultData = props.countries.map(country => ({    name: country.name,    y: country.population //TODO: use adult only data  }))  let allData = props.countries.map(country => ({    name: country.name,    y: country.population  }))  let adultPlotOptions = sharedPlotOptions  adultPlotOptions.series[0].data = adultData  let allPlotOptions = sharedPlotOptions  allPlotOptions.series[0].data = allData  return(    <div>      <HighchartsReact        highcharts={Highcharts}        options={adultPlotOptions}        oneToOne={true}      />      <HighchartsReact        highcharts={Highcharts}        options={allPlotOptions}      />    </div>  );}編輯： oneToOne 道具是修復錯誤的嘗試，它似乎沒有任何效果。