Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

lucidiusss

  • 0
    вклад
  • 2
    вопроса
  • 0
    ответов
  • 0%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • UseEffect вызывается дважды. Как починить?

    lucidiusss @lucidiusss Автор вопроса
    упс, не дочитал решение
    Написано 08 окт. 2022
  • UseEffect вызывается дважды. Как починить?

    lucidiusss @lucidiusss Автор вопроса
    App.js
    import React, { useEffect, useState } from 'react';
    import axios from 'axios'
    import './index.css'
    import Home from './pages/Home'
    import options from './api/api'
    
    function App() {
    
    
      
      const [tracks, setTracks] = useState([]);
    
      const track = tracks[Math.floor(Math.random() * tracks.length)];
    
      useEffect(() => {
    
        axios.request(options).then((response) => {
          setTracks(response.data.tracks)
        });
    
      }, []);
    
      console.log(track)
    
    
      return (
        <>
          <Home track={track} />
        </>
      )
    }
    
    export default App


    Home.jsx
    import React from 'react'
    import Header from '../components/Header'
    import Sidebar from '../components/Sidebar/Sidebar'
    
    
    const Home = ({track}) => {
    
      return (
        <div className="w-screen h-screen relative">
          <div className="absolute artist" />
          <Header/>
          <Sidebar/>
          <div className="absolute left-[300px] w-[160px] h-[340px] flex flex-col items-center text-white">
            <p className="text-base">P</p>
            <h2>{track.name}</h2>
          </div>
        </div>
      )
    }
    
    export default Home
    Написано 08 окт. 2022
  • UseEffect вызывается дважды. Как починить?

    lucidiusss @lucidiusss Автор вопроса
    Через App передал в Home track, и указал в h2 {track.name}
    Страница после перезагрузки выдает ошибки, потому что сначала {track.name} равен undefined, а дальше уже не идет
    Написано 08 окт. 2022
  • UseEffect вызывается дважды. Как починить?

    lucidiusss @lucidiusss Автор вопроса
    Спасибо, попробую.
    Написано 08 окт. 2022
  • UseEffect вызывается дважды. Как починить?

    lucidiusss @lucidiusss Автор вопроса
    Написал что выключен...
    Написано 08 окт. 2022
Самые активные сегодня
  • vabka
    Василий Банников
    • 8 ответов
    • 0 вопросов
  • Drno
    • 6 ответов
    • 0 вопросов
  • GNUBack
    • 5 ответов
    • 0 вопросов
  • vovka3003
    Владимир Шаблий
    • 4 ответа
    • 0 вопросов
  • phaggi
    Алан Гибизов
    • 4 ответа
    • 0 вопросов
  • newPsevdonim
    • 3 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации