Javascript 在react render HTML上执行任何操作事件

我正在react JS中呈现Html，即：

return (
                                <div>
                                 <table id="displaydata">

                                          <td className="update_record"><a href={"http://localhost/PHP-React-Demo/update_record.html?id=" + d.id}><img className="edit" src="http://localhost/PHP-React-Demo/images/edit_logo1.png"/></a></td>
                                          <td className="delete_record"><input id="closeAuction" type="image" className="delete" src="http://localhost/PHP-React-Demo/images/delete-button.png"/></td>
                                          </tr>
                                          )}
                                  )}
                               </table>
    </div>
    )

返回(
)}
)}
)

现在我想在点击图片时执行JQuery操作。我已经尝试过onClick，现在尝试下面的JQuery代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js">
        $(document).ready(function() {     
            $('#closeAuction').click(function() {
                location.reload();     
            });    
        });
    </script>

$（文档）.ready（函数（）{
$（“#closeAuction”）。单击（函数（）{
location.reload（）；
});    
});

这是JQuery代码，但它没有显示任何内容。只有html呈现该操作未执行。

而不是此操作：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js">
    $(document).ready(function() {     
        $('#closeAuction').click(function() {
            location.reload();     
        });    
    });
</script>

$（文档）.ready（函数（）{
$（“#closeAuction”）。单击（函数（）{
location.reload（）；
});    
});

试试这个：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
    $(document).ready(function() {     
        $('#closeAuction').click(function() {
            location.reload();     
        });    
    });
</script>

$（文档）.ready（函数（）{
$（“#closeAuction”）。单击（函数（）{
location.reload（）；
});    
});

将您的代码更改为-

 $(document).ready(function() {     
        $(document).on('click', '#closeAuction', function() {
            location.reload();
        });
 });

---

但是理想情况下，您不应该再需要使用React的jQuery了。

您真的需要在这里使用jQuery，还是可以通过使用React模型来解决这个问题？例如，OnClick可以在React中完美地解决，而无需jQuery。我尝试在React代码之外的html元素上使用它，但在render html元素上不使用它。扫描您在reactJS代码中注册的click listener。此链接可能会有所帮助