Size: a a a

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

2021 May 02

a.

ardfak . in React — русскоговорящее сообщество
Ну давай поможем, все равно делать нечего
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
А что ты пытаешься сделать что вылазает такая ошибка?
источник

a.

ardfak . in React — русскоговорящее сообщество
Покажи код
источник

ША

Шорохов Алексей... in React — русскоговорящее сообщество
самое веселое что сам метод то видит и даже то что он возвращает показывает
источник

ША

Шорохов Алексей... in React — русскоговорящее сообщество
хочу вызвать метод из внешнего скрипта.
источник

ША

Шорохов Алексей... in React — русскоговорящее сообщество
из этого файла customer-service.js
источник

ША

Шорохов Алексей... in React — русскоговорящее сообщество
вот он
источник

a.

ardfak . in React — русскоговорящее сообщество
Ты его импортнул?
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
eslint об этом не знает
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Классовый компонент 0_о
источник

ША

Шорохов Алексей... in React — русскоговорящее сообщество
а ему об этом нужно что то говорить?
источник

a.

ardfak . in React — русскоговорящее сообщество
Скорее всего контекст теряется, попробуй забайндить
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Там нет конфиг файла еслинта, его там нет
источник

AE

Andrey Eremenko in React — русскоговорящее сообщество
Нужен совет по хукам от опытных их пользователей :)
Вот реализация простого примера на классах. При монтировании компонента сделать запрос данных и потом делать запрос когда дочерний компонент попросит (простая лента, подгружающая данные при прокрутке)
class Parent extends React.Component {
   componentDidMount() {
       this.getData();
   }

   getData = () => {
   ...
   }
   
   render() {
       return (
           <Child
               onButtonPress={this.getData}
           />
       );
   }
}


Пытаюсь переделать на функции и хуки.

export function Parent() {
   const getData = () => {
       ...
   };

   useEffect(() => {
       getData();
   }, []);

   return (
       <Child
           onButtonPress={getData}
       />
   );
}

Вроде, согласно документации должно работать. Но в реальности я получаю замечание
Either include it or remove the dependency array.(react-hooks/exhaustive-dep
Если начать исправлять его, то происходит жуткая содомия: в useEffect добавляется зависимость от функции getData и я теперь не уверен что он сработает один раз при первом рендере, а функция getData оборачивается в useCallback и получает такое количество зависимостей в массив deps, что я просто уже не понимаю как это будет работать и вряд ли кто-то еще поймет если это увидит.

Как с этим бороться?
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
да
источник

ША

Шорохов Алексей... in React — русскоговорящее сообщество
да вот тут он подключен к странице.
источник

VK

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

ША

Шорохов Алексей... in React — русскоговорящее сообщество
чего сделать?
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
> Any reference to an undeclared variable causes a warning, unless the variable is explicitly mentioned in a /*global ...*/ comment, or specified in the globals key in the configuration file
источник

a.

ardfak . in React — русскоговорящее сообщество
Сделай этот метод стрелочным
источник