utiliser une variable d'un fichier à un autre
Bonjour,
Je voudrais savoir comment utiliser une variable d'un fichier à un autre.
J'utilise Maplibre.
J'ai un fichier Map.jsx dans lequel j'ai défini ma carte (ci-dessous)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
const Mapping = () => {
const mapContainerRef = useRef();
const mapRef = useRef();
useEffect(() => {
mapRef.current = new maplibregl.Map({
container: mapContainerRef.current,
style: 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json',
center: [-79.4512, 43.6568],
zoom: 13
});
return <div ref={mapContainerRef} style={{ height: '100%' }} />;
}
export default Mapping; |
Maintenant je veux avoir des contrôles comme un géocodeur (en fait un input text autocomplété) ou un zoom dans un autre fichier (par ex : Controls.jsx)
Ces contrôles faisant référence à mapRef.current, comment dois-je faire pour récupérer la valeur de la mapRef.current dans Controls.jsx ? Est ce que dans la fonction Controls de Controls.jsx, je peux passer en paramètre la carte ?
Merci pour vos retours
Sylvain
