社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

如何在react页面中使用jquery/html/css组件

Ali Ahmadi • 4 年前 • 200 次点击  

我必须使用一个复杂的随时可用的组件 jQuery v2.2.4 javascript html css 在我的一个react页面中,因为它是一个相当大的组件,有很多特性,所以我们重新开发这个内部react并使它 reacty .
所以我的问题是我怎样才能利用这种内在的反应?
我只想在页面中间呈现这个组件,最好的方法是什么?,我对此有点陌生,不知道从哪里开始。

<!DOCTYPE html>
<html>
<haed>
    <title>Test</title>
</haed>
<body>
    <link href="ol.css" rel="stylesheet" type="text/css" />
    <link href="ls.css" rel="stylesheet" type="text/css" />
    <script src="jquery.min.js"></script>
    <script src="ol.js"></script>
    <script src="ls.js"></script>
    <script src="wss_map.js"></script>
    <div id="map" style="width: 100%; height: 500px;"></div>
<script>
    var i = 0;
    var mp=$("#map").wssmap({
        maps: [
            {
                name: 'm2',
                type: 'osm',
                order: 0,   
                zoomrange: { min: 0, max: 19 },
                visible: true,
            }
        ],
        onClick:function(point) {
            i++;
            var options= {
                longitude:point.longitude,
                latitude:point.latitude,
                label:i
            }
            mp.addMarker(options);
        },
        zoom:10
    });
    var marker=mp.addMarker({ longitude: 51.404343, latitude: 35.715298,label:'Testcase'});
</script>
</body>
</html>

谢谢。

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/54285
 
200 次点击  
文章 [ 1 ]  |  最新文章 4 年前
Alireza Esfahani
Reply   •   1 楼
Alireza Esfahani    4 年前

请按照以下说明操作:

npm install jquery --save

2: 在react组件文件的顶部从Jquery导入$: import $ from 'jquery';

3: 现在可以调用JQuery组件 componentDidMount()

  componentDidMount() {
    var mp=$("#map").wssmap({ ... })
  }