glem1337

Решил задачу таким способом, а именно сбрасыванием обработчика:

$(".delete_review").on('submit', function() {

				var th = $(this);

				$('#deleteModal').modal();

				$(document).off('click', '.delete-review');

				$(document).one('click', '.delete-review', function(e) {
					$.ajax({
						type: "POST",
						url: "/admin/reviews/delete_review",
						data: th.serialize(),
						dataType: "html",
						cache: false
					}).done(function(response) {

						if (response == "deleted") {
							location.reload();
						}

					});
				});

				return false;
			});

При клике на одном из узлов DOM, событие click "всплывает" вверх по дереву до тех пор пока не достигнет корня или не будет отменено в явном виде.

React передает в обработчик события "синтетический" объект события, который, помимо прочего имеет метод stopPropagate. Этот метод (как и его нативный аналог) останавливает дальнейшее "всплытие" события вверх по дереву DOM. Вот как можно использовать этот метод на практике:

var Block = React.createClass({
    handleClose: function(e) {
        e.stopPropagation();
        alert('close');
    },
    handleClick: function(e) {
        alert('click');
    },
    render: function() {
        return (
            <div onClick={this.handleClick}>
                <span>Foo Bar Baz</span>
                <span onClick={this.handleClose}> &#215;</span>
            </div>
        );
    }
});

Проще говоря вам надо применить e.stopPropagation(); при клике на нужный вам элемент(лайк)
Ссылка на вопрос на stackoverflow: https://ru.stackoverflow.com/questions/537267/reac...

Вы можете задать тегу html размер шрифта 16px. А нужному тексту и элементам задавать размер в rem. При уменьшении окна браузера с помощью медиа запросов уменьшать размер шрифта html, весь остальной текст будет уменьшаться в соответствии с размером шрифта для тега html. Вот, почитайте про относительные размеры https://learn.javascript.ru/css-units#%D0%B5%D0%B4...

Это rem калькулятор https://offroadcode.com/rem-calculator