how to convert javascript to jsx
$ npm install html-react-parser react react-dom
how to convert javascript to jsx
$ npm install html-react-parser react react-dom
html to jsx
1) Option One: Online
https://magic.reactjs.net/htmltojsx.htm
or
https://transform.tools/html-to-jsx
2) Option Two: System (assuming you have npm)
npm install html-to-jsx
convert to jsx
$(function() {
var $win = $(window);
var $box = $(".search-box");
$win.on("click.Bst", function(event) {
if (
$box.has(event.target).length == 0 //checks if descendants of $box was clicked
&&
!$box.is(event.target) //checks if the $box itself was clicked
) {
$('#search-stoke').val("");
}
});
});
convert to jsx
$(window).on('load', function () {
$(".portfolio-filter").each(function () {
var e = $(this);
e.imagesLoaded(function () {
var $grid = e.isotope({
layoutMode: "masonry",
});
$(".portfolio-menu").find("a").on("click", function () {
var filterValue = $(this).attr("data-filter");
return $(".portfolio-menu").find("a").removeClass("active"), $(this).addClass("active"),
$grid.isotope({
filter: filterValue
}), !1
});
});
});
});
convert to jsx
<script>
$(".forgot-password").click(function () {
$("#forgot-password-wrapper").show();
$("#forgot-password-wrapper").addClass("animated flipInY");
$("#login-form-wrapper").hide();
$("#signup-form-wrapper").hide();
});
$(".back-to-signin").click(function () {
$("#login-form-wrapper").show();
$("#login-form-wrapper").addClass("animated flipInY");
$("#forgot-password-wrapper").hide();
$("#signup-form-wrapper").hide();
});
$(".back-to-signup").click(function () {
$("#signup-form-wrapper").show();
$("#signup-form-wrapper").addClass("animated flipInY");
$("#forgot-password-wrapper").hide();
$("#login-form-wrapper").hide();
});
</script>
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us