amorkovin

Exception в PHP и его трансляция в JS

Код в PHP выкидывает Exception

	if ( ! $table_name ) {
		throw new Exception('Тип поста не определен. Не могу понять, с какой таблицей БД работать.');
	}

amorkovin

// Тестовый ajax-запрос

// Использование хука

const {loading, request, error, cleanError} = useHttp();

const testAjaxHandler = async () => {
    try {
        const data = await request(
                'http://localhost:8000/api/api123',

amorkovin

/* Элемент будет иметь состояние при наведении, когда он реально при наведении. На мобильном устройстве часто элемент оставляет состояние :hover после клика, теперь так не будет */
@media (hover: hover) {
  a:hover { color: blue; }
}

amorkovin

// Удаляет указанный get-параметр из URL.
function removeGetParam(url, paramName) {
    const parts = window.location.search.substr(1).split("&");
    let $_GET = {};
    for (let i = 0; i < parts.length; i++) {
        let temp = parts[i].split("=");
        $_GET[decodeURIComponent(temp[0])] = decodeURIComponent(temp[1]);
    }

    const oldUrl = new URL(url);

amorkovin

// Ожидание полной загрузки страницы
window.addEventListener('load', function () {

});

// Прослушивание изменения ширины окна браузера https://developer.mozilla.org/ru/docs/Web/API/Window/resize_event
(function() {
    var throttle = function(type, name, obj) {
        obj = obj || window;
        var running = false;

amorkovin

function makeCounter() {
    let count = 0;

    return function () {
        return count++;
    };
}

let counter = makeCounter()

amorkovin

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content 1fr 1fr 1fr;
    grid-gap: 2vw;

    /* Или с повторами */
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 100px);

amorkovin

const urlRequest = 'http://wp.loc/wp-json/wp/v2/posts?_fields=title';

async function getPostsFromWp() {
    try {
        const response = await fetch( urlRequest )
        const data = await response.json()
        return data
    } catch ( e ) {
        console.error( e )
    }

amorkovin

// Как использовать библиотеку classnames
// https://github.com/JedWatson/classnames
// npm install -S classnames

import React, { Component } from "react";
import s from './OneFoods.module.css';
import cl from 'classnames';

class OneFoods extends Component {
    state = {

amorkovin

// ------------------------src/index.js-----------------------
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
    <React.StrictMode>
        <App propsapptest="Передаю этот текст в props">Отправляю текст в children данного компонетнта</App>
    </React.StrictMode>,