Задать вопрос
sasha-hohloma

Александр Смирнов

Fullstack Developer
Ответы пользователя по тегу React

  • Как выполнить действие только после dispatch-а асинхронной функции?

    sasha-hohloma
    @sasha-hohloma
    Fullstack Developer
    При работе с React любое изменение в интерфейсе необходимо отражать в state. Если вам необходимо получить данные асинхронно, значит ваш компонент будет иметь минимум 3 состояния: данные при инициализации, ожидание загрузки, данные получены. Также, dispatch всегда синхронный, именно поэтому нам и нужны библиотеки вроде React Thunk, которые выполняют отложенное изменение стейта. Поэтому, писать асинхронные action без вызова dispatch неправильно
    Ответ написан
    Комментировать
    Комментировать

  • Как вызвать компонент в функции?

    sasha-hohloma
    @sasha-hohloma
    Fullstack Developer
    Я думаю, что вам нужно поглубже изучить React и его базовые концепции. Особенно, понять как пользоваться стейтом компонента. Иногда документация кажется сильно сухой, поэтому Youtube в помощь)

    Фрагмент с правками

    import React, { useState } from 'react';
import Hi from './Hi'

function display(){
    return <Hi/>
}

export const Main = () => {
    const [isHiVisible, setHiVisible] = useState(false);
    const onClick = () => {
        setHiVisible((prev) => !prev);
    }
    return (
        <div>
            <button onClick={onClick}>отобразить</button>
            {isHiVisible &&
                <Hi/>
            }
        </div>
    );
};

    Ответ написан
    2 комментария
    2 комментария

  • Как записать это с помощью CSS-модулей?

    sasha-hohloma
    @sasha-hohloma
    Fullstack Developer
    Советую воспользоваться библиотекой для вашей задачи. В рабочих проектах работает отлично. На будущее советую искать готовое решение, бОльшую часть задач кто-то уже решил до вас и нашел наиболее оптимальный способ
    Ответ написан
    Комментировать
    Комментировать