渲染包含Google Charts的多个Livewire组件，这些组件都错误地显示相同的数据

// ExampleComponent.php
namespace App\Http\Livewire;

use Livewire\Component;

class ExampleComponent extends Component
{
    public $data;

    protected $listeners = ['updateData'];

    public function mount()
    {
        $this->data = $this->fetchData();
    }

    public function updateData($newData)
    {
        $this->data = $newData;
    }

    public function fetchData()
    {
        // Fetch data from your data source
        return [
            'labels' => ['January', 'February', 'March'],
            'datasets' => [
                [
                    'label' => 'My First dataset',
                    'backgroundColor' => 'rgb(255, 99, 132)',
                    'borderColor' => 'rgb(255, 99, 132)',
                    'data' => [0, 10, 5],
                ],
            ],
        ];
    }

    public function render()
    {
        return view('livewire.example-component', [
            'chartData' => $this->data,
        ]);
    }
}

// ExampleComponent.php
public function render()
{
    return view('livewire.example-component', [
        'chartData' => $this->data,
    ]);
}

<!-- resources/views/livewire/example-component.blade.php -->
<div>
    <google-chart :chart-data="{{ json_encode($chartData) }}"></google-chart>
</div>

// ExampleComponent.php
public function mount()
{
    $this->data = $this->fetchData();
}

public function fetchData()
{
    // Fetch data from your data source
    return [
        'labels' => ['January', 'February', 'March'],
        'datasets' => [
            [
                'label' => 'My First dataset',
                'backgroundColor' => 'rgb(255, 99, 132)',
                'borderColor' => 'rgb(255, 99, 132)',
                'data' => [0, 10, 5],
            ],
        ],
    ];
}