react-leaflet :尝试向GeoJSON添加onEachFeature道具，但不起作用

import React from 'react';
import { Map, TileLayer, GeoJSON } from 'react-leaflet';

class MapComponent extends React.Component {
  onEachFeature = (feature, layer) => {
    // 在这里定义每个要素的交互行为
  }

  render() {
    const geojsonData = {
      // 这里是GeoJSON数据
    };

    return (
      <Map center={[51.505, -0.09]} zoom={13}>
        <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
        <GeoJSON data={geojsonData} onEachFeature={this.onEachFeature} />
      </Map>
    );
  }
}

onEachFeature = (feature, layer) => {
  if (feature.properties && feature.properties.name) {
    layer.bindPopup(feature.properties.name);
  }
}