Задать вопрос
semyonfedoseev

Семён Федосеев

Могу загуглить вместо тебя
Ответы пользователя по тегу JavaScript

  • Как добавить виджет vk для сайта на react?

    semyonfedoseev
    @semyonfedoseev
    Могу загуглить вместо тебя
    Любой подобный скрипт следует инициализировать в хуке useEffect.
    Для того, чтобы встроить полученный модуль в элемент div, необходимо воспользоваться хуком useRef.
    Это будет выглядеть, примерно, следующим образом:

    import {VK} from "vk"

const Component = () => {
const vkRef = useRef(null);

useEffect(() => {
  if (vkRef.current) {
    VK.Widgets.Group(vkRef.current, {mode: 0, width: "220", height: "400"}, 1);
  }
}, [vkRef])

return <div ref={vkRef}></div>
}

    Доработайте код, по-необходимости.
    Ответ написан
    Комментировать
    Комментировать

  • Как при нажатиии на строку в таблице №1 выводить дочерние данные в таблицу №2?

    semyonfedoseev
    @semyonfedoseev
    Могу загуглить вместо тебя
    Извините, но у Вас слишком много букв в коде. В таких случаях, лучше всего, отрефакторить лишнее, декомпозировать оставшееся и оформлять код в онлайн IDE (например, CodeSandbox). К тому же, подобное оформление вопроса неудобно читать.

    Мой вариант реализации для таблицы DataGrid:
    https://codesandbox.io/s/material-demo-forked-gu2f...

    Для вывода дополнительных дочерних строк в каждой ячейке рендерится объект с дочерними строками через map. Можете оформить так, как Вам удобнее, я лишь показал минимальный пример вывода данных.

    Возможно, Вам подойдёт другой вид таблицы из урока этого же автора, если желаете сделать таблицу более похожей на таблицу из платной версии:
    https://smartdevpreneur.com/how-to-use-the-mui-col...

    Вы сможете также выводить дополнительные строки через map, но уже полностью всю строку.

    Вероятно, Вас могла бы заинтересовать таблица Ant Design:
    https://ant.design/components/table#components-tab...
    Ответ написан
    3 комментария
    3 комментария

  • Как правильно подключить внешний скрипт через URL в React?

    semyonfedoseev
    @semyonfedoseev
    Могу загуглить вместо тебя
    Попробуйте подключить скрипт в <head> или перед</body> html документа. Этот подход даст единообразие подключения скриптов, а также все скрипты будут в одном месте. Если необходимо подключение библиотеки, вероятно, лучше воспользоваться map зависимостей в сборщике приложения. В некоторых сборщиках имеется возможность импорта напрямую по URL в файл содержащий компонент. Вы также можете написать свой метод для подключения скриптов.

    Попробуйте ознакомиться со следующим материалом:
    https://stackoverflow.com/questions/47495833/how-t...
    Ответ написан
    1 комментарий
    1 комментарий