Size: a a a

React — русскоговорящее сообщество

2020 August 18

И

Иван in React — русскоговорящее сообщество
Marson
а как в onclick вызвать запрос
const onClick = () => fetch(...)
источник

F

Felix in React — русскоговорящее сообщество
Marson
а как в onclick вызвать запрос
если без всяких state-managment, то создаешь функцию-handler, которая будет делать запрос к api
источник

F

Felix in React — русскоговорящее сообщество
onclick={getUsers}
источник

FA

Fedorchuk Artem in React — русскоговорящее сообщество
источник

M

Marson in React — русскоговорящее сообщество
и useEffect вставить запрос и в onclick?
источник

F

Felix in React — русскоговорящее сообщество
и в этой функции при помощи axios или стандартного fetch делаешь запрос к бэку
источник

a

arts in React — русскоговорящее сообщество
Marson
привет, по нажатию на кнопку вызывается колбэк в onclick в котором делается запрос на сервер, как всё сделать через useEffect подскажите пожалуйста?
Что-то мне подсказывает, что тебе нужен не useEffect, а useState и опционально useCallback
источник

FA

Fedorchuk Artem in React — русскоговорящее сообщество
миллион вариантов в гугле
источник

M

Marson in React — русскоговорящее сообщество
спасибо
источник

DK

Daniil Kuznetsov in React — русскоговорящее сообщество
arts
Что-то мне подсказывает, что тебе нужен не useEffect, а useState и опционально useCallback
Вот-вот. Наконец-то кто-то понял
источник

ei

export default - зло... in React — русскоговорящее сообщество
S M
Всем привет. На интервью задали такой вопрос:

Даны 3 варианты использования внешнего JS файла, какой ты предпочитаешь и почему:


1. const tests = require(‘./tests.js’)
2. import * as tests from ‘./tests’ 
3. import { test1, test2 } from ‘./tests’

Подскажите кто знает. Я выбрал первый вариант и написал что "require" автоматически сканирует node_module чтоб найти модули.

Теперь спрашивают Почему.

Заранее спасибо
3

- помощь для тришейкинга: если модуль надо будет поместить в отдельный чанк, туда попадут только test1 и test2, без всего остального
- явный внешний интерфейс (экспорты с конкретными именами): в 1 и 2 вариантах юзер сам пишет название, а это дает простор для ошибок и сложного дебаггинга, то есть ситуация похожая на export default

Тут скорее вопрос должен быть о формате экспорта, а не о том как импортировать)
источник

F

Felix in React — русскоговорящее сообщество
вообще правильнее выносить такие запросы в другую часть
источник

A

Arman in React — русскоговорящее сообщество
Marson
привет, по нажатию на кнопку вызывается колбэк в onclick в котором делается запрос на сервер, как всё сделать через useEffect подскажите пожалуйста?
useEffect метод жизненного цикла.
Если допустим тебе нужно данные с бэка вовремя загрузки то делаешь фетч в юзЭффекте.
А так если данные по клику кнопке то тогда тебе не надо юзЭффект
источник

A

Arman in React — русскоговорящее сообщество
Felix
вообще правильнее выносить такие запросы в другую часть
Мб он просто пока учить как делать запросы и т.д
источник

F

Felix in React — русскоговорящее сообщество
Arman
Мб он просто пока учить как делать запросы и т.д
ничего против не имею, это на будущее
источник

ei

export default - зло... in React — русскоговорящее сообщество
S M
Всем привет. На интервью задали такой вопрос:

Даны 3 варианты использования внешнего JS файла, какой ты предпочитаешь и почему:


1. const tests = require(‘./tests.js’)
2. import * as tests from ‘./tests’ 
3. import { test1, test2 } from ‘./tests’

Подскажите кто знает. Я выбрал первый вариант и написал что "require" автоматически сканирует node_module чтоб найти модули.

Теперь спрашивают Почему.

Заранее спасибо
2 вариант допустим если он в одном месте, например перед реэкспортом всяких штук из какого-то модуля

Если во внешнем коде так юзается, и во всех местах - плохо
источник

a

arts in React — русскоговорящее сообщество
Arman
Мб он просто пока учить как делать запросы и т.д
Лучше сразу учиться делать правильно, имхо
источник

A

Arman in React — русскоговорящее сообщество
arts
Лучше сразу учиться делать правильно, имхо
Согласен
источник

M

Marson in React — русскоговорящее сообщество
Arman
useEffect метод жизненного цикла.
Если допустим тебе нужно данные с бэка вовремя загрузки то делаешь фетч в юзЭффекте.
А так если данные по клику кнопке то тогда тебе не надо юзЭффект
а если кнопку нажали ещё раз и запрос такой же, нужно сделать чтобы одинаковый запрос не шёл снова
источник

A

Arman in React — русскоговорящее сообщество
Marson
а если кнопку нажали ещё раз и запрос такой же, нужно сделать чтобы одинаковый запрос не шёл снова
Проверить стейт перед запросом
источник