glem1337

Нашел в чем проблема. FileInput который рендерился Field-ом через указание {...props.input} устанавливал value для поля, а этого делать нельзя. Нужно переделать вот так:

export class FileInput extends Component {

    onChange = e => { 
        e.preventDefault();
        const { input: { onChange } } = this.props;
        onChange(e.target.files[0]);
    };

    render() {

        let {meta: {touched, error}, input: {value}, ...props} = this.props; // достаем value из props.input

        return (
            <>
                <Form.File
                    custom
                    {...props.input}
                    id={props.id}
                    className={props.className}
                    label={props.label}
                    onChange={this.onChange}
                    type={props.type}
                    accept={props.accept}
                />
                {touched && error && (
                    <Form.Text className="form__error form__text">
                        {error}
                    </Form.Text>
                )}
            </>
        )
    }
};

Все оказалось намного прозаичней. Удалось решить поставленную задачу штатным методом.

"CACHE_TIME" => "3154000000", // 100 лет
"CACHE_TYPE" => "Y",

Потому что у вас в классе B – опечатка.

class B extends A {
  static public $filed = 2;  // должно быть $field, а не $filed
}

перейти к файлу style.css, он лежит в корне папки с темой,
и в самом конце добавить код:

body.page-two-column:not(.archive) #primary .entry-content {
width: 100%:
}
.page-two-column .panel-content .entry-content {
    width: 100%;
}
.wrap {
max-width: 100%;
}

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

$(".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;
			});

Или php.net/manual/ru/function.mysql-insert-id.php
Или если используете PDO, php.net/manual/ru/pdo.lastinsertid.php

При клике на одном из узлов 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

Да, конечно.

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true
});

kenwheeler.github.io/slick

Опустить до примера "Slider Syncing"