Как связать данные в React компоненте?

szQocks, если с async await переписать в useEffect так:

useEffect(() => {
    const fetchData = async () => {
      setIsLoading(true);
      const data = await Promise.all([getBooks(), getUsers(), getReviews()]);
      setBooks(data[0]);
      setAuthors(data[1]);
      setReviews(data[2]);
      setIsLoading(false);
    };

    fetchData();
  }, []);

Всё же должно работать?

Но в функции to BookInformation при логе автора все равно проскакивает undefined (скрин ниже)...

const toBookInformation = (
  book: Book,
  authors: User[],
  reviews: Review[]
): BookInformation => {
  const author = authors.find((author) => author.id === book.authorId);
  console.log(author);

  return {
    id: book.id,
    name: book.name || "Книга без названия",
    author,
    reviews: [
      { id: "test", text: "test text", user: { id: "sdf", name: "Reviewer" } },
    ],
    description: book.description,
  };
};

Как связать данные в React компоненте?

WbICHA, https://codesandbox.io/p/sandbox/books-mapping-for...

Проблема с добавлением атрибута в React / TypeScript. Почему так?

Да, я так пробовал и так работает. Но! Возникает следующий вопрос в таком случае: Как правильно синхронизировать поле формы с состоянием кнопки?

P.S. тот вопрос решил. Спасибо.

Почему добавление в цикле работает через insertAdjacentHTML, но не работает через append?

Блин, точно. Спасибо!

Есть слик слайдер, в каждом слайде свое изображение, как в главном слайде поверх картинки расположить блок с тайтлом и кнопкой?

Борис Мусевич, https://codepen.io/FedorKarasev/pen/OJooZmv

Есть слик слайдер, в каждом слайде свое изображение, как в главном слайде поверх картинки расположить блок с тайтлом и кнопкой?

Борис Мусевич, а можно код посмотреть, который сейчас имеется? Залейте на jsfiddle или codepen.

Есть слик слайдер, в каждом слайде свое изображение, как в главном слайде поверх картинки расположить блок с тайтлом и кнопкой?

Борис Мусевич, в каком смысле криво? Контейнер кнопки можно дополнительно стилизовать и спозиционировать относительно родительского контейнера параметрами top, left, right или bottom. К примеру, если нужно, чтобы контейнер тайтла и кнопки был в правом нижнем углу, то ему нужно задать свойства {right: 0, bottom: 0}

Как работать с асинхронными функциями в reducer redux?

А можно еще вопрос? =)
Выяснил, что
const dataURL = state.redoList.pop();

ломает программу. Т.е. до этой строки console.log выводится и все выполняется, а после - нет. Почему pop() может не работать?

Как работать с асинхронными функциями в reducer redux?

и еще один вопрос касательно вашего ответа: мы же не можем использовать dispatch так. выдает ошибку:

React Hook "useDispatch" cannot be called at the top level. React Hooks must be called in a React function component or a custom React Hook function

Как работать с асинхронными функциями в reducer redux?

Спасибо. Я пробовал еще решить проблему таким способом. Сделал редюсер асинхронным и вместо img.onload() использовал await img.decode():

undo: async (state) => {
      const ctx = state.canvas.getContext('2d');
      if (state.undoList.length) {
        const dataURL = state.undoList.pop();
        state.redoList.push(dataURL);
        const img = new Image();
        img.src = dataURL;
        await img.decode();
        console.log(img);
        ctx.clearRect(0, 0, state.canvas.width, state.canvas.height);
        ctx.drawImage(img, 0, 0, state.canvas.width, state.canvas.height);
      } else {
        ctx.clearRect(0, 0, state.canvas.width, state.canvas.height);
        console.log('Нет элементов для отката');
      }
    }

это срабатывает 1 раз, а затем выскакивает ошибка

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getContext')

Не подскажете, почему так происходит?

Как правильно использовать dispatch в useEffect?

Lapita12, пробовал, не работает. Передаёт начальное значение state - null.

Какая разница между save() и associate() методами в Laravel?

Victor: большое спасибо!

Какая разница между save() и associate() методами в Laravel?

А можно немного разжевать? Вот, допустим, у меня есть такие строки:

$post = new Post();
$user->posts()->save($post);

Чем последняя будет отличаться от следующей?

$user->posts()->associate($post);

Как настроить отношения User Model в Laravel 5.4?

Все, решил. Спасибо.

Как настроить отношения User Model в Laravel 5.4?

Да, я дополнил вопрос кодом моделей. Посмотрите, пожалуйста.

Как настроить отношения User Model в Laravel 5.4?

Не отвечайте, если сами не можете решить проблему. Спасибо.

Как настроить отношения User Model в Laravel 5.4?

Да, есть.

Как сделать ссылку на внешний сайт в Laravel?

Хм... Работает. До этого пробовал так же и не работало. Но, видимо, что-то не так пробовал. Спасибо.