Question

我有一个购物车，如下面的示例代码所示，我想在reactjs中创建一个函数，我可以通过onclick函数调用，或者我如何从reactjs onclick按钮函数调用jquery函数。我发现了很多，发现findDOMnode可以对此有所帮助。但根据我的需要没有找到这样的例子。我在jquery中找到它，所以我写了下面的代码，但是无法在reactjs onclick函数中调用它。感谢。

 <body>
   <ul id='cart'>
     <li class="xi">
     <span class='item_pc'>Samosa</span>
     <span class='item_unit'>1</span>
     </li>
   <li class="xi">
     <span class='item_pc'>Jalebi</span>
     <span class='item_unit'>2</span>
   </li>
   <li class="xi">
     <span class='item_pc'>Tea</span>
     <span class='item_unit'>2</span>
   </li>
   <li><a id="xyz" href="#">Submit</a>
   </li>
   <span id='result'></span>
   </ul>
   <script>
     $( "#xyz" ).click(function()
        {
           $( ".xi" ).each(function()
           {
            $item_pc = $( this ).find(".item_pc").text();
            $item_unit = $( this ).find(".item_unit").text();
            $item = $item_pc+"/"+$item_unit;
            $( this ).find(".item_pc").toggleClass( "example" );
            $( this ).find(".item_unit").css( "backgroundColor", "yellow" );
            $( "#result" ).append("<p>/restaurant/order/"+$item +"</p>" );
          });
       });
      </script>
    </body>

如何从ReactJS中的div类读取数据

0 个答案: