[REACTJS] 반응 리플릿 결합하는 좋은 방법

반응 리플릿 결합하는 좋은 방법

해결법

1. ---

   1.두 점 외에도, 일반적으로 전단지 API를 사용하고 등과 같은 리플릿 맵 구성 요소 반작용 당신의 콜백을 묶어. 반응은 간단하게이 시점에서 래퍼입니다.

   두 점 외에도, 일반적으로 전단지 API를 사용하고 등과 같은 리플릿 맵 구성 요소 반작용 당신의 콜백을 묶어. 반응은 간단하게이 시점에서 래퍼입니다.

   import React from 'react';
   import ReactDOM from 'react-dom';
   
   class Livemap extends React.Component {
   
       componentDidMount() {
           var map = this.map = L.map(ReactDOM.findDOMNode(this), {
               minZoom: 2,
               maxZoom: 20,
               layers: [
                   L.tileLayer(
                       'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                       {attribution: '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'})
               ],
               attributionControl: false,
           });
   
           map.on('click', this.onMapClick);
           map.fitWorld();
       }
   
       componentWillUnmount() {
           this.map.off('click', this.onMapClick);
           this.map = null;
       }
   
       onMapClick = () => {
           // Do some wonderful map things...
       }
   
       render() {
           return (
               <div className='map'></div>
           );
       }
   
   }
   

2. ---

   2.추가로, 덜 상세한 답변으로, PaulLeCam 년대는 반응-전단지 구성 요소가 인기있는 것 같다. 아니 아직 그것을 사용하지만이 약속 보이는 유무 :

   추가로, 덜 상세한 답변으로, PaulLeCam 년대는 반응-전단지 구성 요소가 인기있는 것 같다. 아니 아직 그것을 사용하지만이 약속 보이는 유무 :

   https://github.com/PaulLeCam/react-leaflet

   UPDATE : 그것은 고체입니다. 기능이 아직 많이 사용하지만, 코드베이스는 잘 쓰여지고 따라 확장이 용이하고, 내가 작품 상자의 큰 출력을 사용했습니다 무엇을하지 않았습니다.

from https://stackoverflow.com/questions/26755251/good-way-to-combine-react-and-leaflet by cc-by-sa and MIT license