Вопросы по теме 'use-effect'
Реагировать - ловушка useEffect - componentDidMount для useEffect
Я хотел бы преобразовать это в ловушку useEffect :
КОД
componentDidMount () {
this.messagesRef.on('child_added', snapshot => {
const message = snapshot.val();
message.key = snapshot.key;
this.setState({messages:...
14052 просмотров
schedule
28.06.2022
Где я должен объявлять функции, вызываемые внутри ловушки useEffect ()?
Итак, у меня возникает следующая ситуация при использовании useEffect , который вызывает функции, зависящие от состояния.
Пример:
// INSIDE APP COMPONENT
const [someState, setSomeState] = React.useState(0);
const [someTrigger,...
12503 просмотров
schedule
01.01.2024
useEffect запускает бесконечный цикл, несмотря на отсутствие изменений в зависимостях
У меня есть функциональный компонент, который использует крючки. В ловушке useEffect я просто хочу получить данные из моей серверной части и сохранить результаты в состоянии. Однако, несмотря на добавление переменной данных в качестве зависимости,...
9095 просмотров
schedule
05.04.2022
Получение ошибки после того, как я ввел в действие функцию Async Эффект
Если в функции useEffect я просто упомяну переменную функции getResults, приложение не выйдет из строя. Но когда я называю это так, как я это делаю в приведенном ниже коде, я получаю следующие ошибки:
response-dom.development.js: 21857 Uncaught...
25592 просмотров
schedule
14.02.2023
Перехватчики React Native, useRef и useEffect
Я пытаюсь перевести компонент класса в функциональный с помощью React Native.
Мой компонент Search позволяет пользователю искать название фильма, и я делаю вызов API, чтобы показать ему все соответствующие фильмы.
Вот мой компонент класса:...
1995 просмотров
schedule
25.09.2022
Как подавить линтинг допустимых экземпляров useEffect?
Это действительный useEffect код:
useEffect(() => {
if (state.companyId !== undefined && state.companyId === -1) {
return;
}
if (accessNotesRef.current) {
accessNotesRef.current.focus();
}
if...
481 просмотров
schedule
24.04.2023
Тестирование имитационной асинхронной выборки данных в компонентах React с помощью useEffect и useState
У меня есть компонент, который извлекает некоторые данные в useEffect и устанавливает состояние с ответом с помощью функций useState. Это кажется довольно идиоматическим шаблоном, но мне не очень повезло с тем, чтобы понять, как его проверить. В...
83 просмотров
schedule
31.07.2023
Что заставляет этот компонент обнаруживать изменения в своих свойствах?
В следующем минимальном примере родительский компонент имеет свойство data и передает data.value дочернему элементу. Я изо всех сил пытаюсь понять, что именно здесь происходит со стратегией обновления:
const MY_DATAVALUE = {
a: 1,
b: 2...
95 просмотров
schedule
22.02.2023
Как получить доступ к состоянию при отключении компонента с помощью React Hooks?
С обычным React можно получить что-то вроде этого:
class NoteEditor extends React.PureComponent {
constructor() {
super();
this.state = {
noteId: 123,
};
}
componentWillUnmount() {...
2003 просмотров
schedule
13.03.2022
Использование ловушки useEffect () для тестирования функции в Jest
Я изучаю Jest в основном, мне нужно написать тестовый пример для хука useEffect (), который отображает на основе флага [counter], и который внутренне проверяет, присутствует ли значение localStorage для поля.
function sample(props) {
const...
4157 просмотров
schedule
11.07.2022
Реагировать на обновление страницы после кнопки удаления
Функция удаления моего приложения работает нормально, однако требует, чтобы пользователь вручную обновил страницу после того, как пользователь нажал кнопку удаления, чтобы увидеть новый список элементов в моей базе данных. Я хотел бы автоматически...
5376 просмотров
schedule
02.05.2022
UseEffect и useCallback по-прежнему вызывают бесконечный цикл в проекте реакции
Кажется, я не могу решить проблему с бесконечным циклом в моем проекте реакции.
Я работаю над приложением для ежедневного ведения журнала. Позвольте мне кратко объяснить проект. Вот изображение кода для быстрого просмотра:
Тот же код...
2240 просмотров
schedule
13.05.2022
TypeError: невозможно прочитать свойство get of undefined с useEffect и Axios
Я пытаюсь получить данные внутри перехватчика React. Ничего особенного, просто текст для загрузки и его замена после загрузки данных.
Но я продолжаю нажимать на свой блок catch и Failed to fetch data: Cannot read property 'get' of undefined...
1019 просмотров
schedule
01.03.2022
Тестирование хука useEffect с помощью try/catch
Мне нужно проверить catch при отклонении запроса данных, но я не понимаю, почему ошибка не перехватывается, и я получил эту ошибку: UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an...
4450 просмотров
schedule
16.12.2022
Redux: объекты недействительны в качестве дочернего элемента React (найдено: [object Promise])
Я делаю это приложение с реакцией, редукцией и аксиомами, где один компонент показывает полный список адресов, а следующий показывает один выбранный адрес. Компонент списка адресов работает нормально, но что-то не так с компонентом единого...
58 просмотров
schedule
15.04.2023
React useEffect - передача функции в массиве зависимостей
Почему создается бесконечный цикл, когда я передаю выражение функции в массив зависимостей useEffect? Выражение функции не изменяет состояние компонента, оно только ссылается на него.
// component has one prop called => sections
const markup =...
14716 просмотров
schedule
02.10.2022
React Hooks - 0 против пустого массива в качестве второго аргумента в useEffect
Я видел, как кто-то использовал 0 вместо пустого массива для второго аргумента в useEffect.
Так что вместо
useEffect(() => {
console.log('Run once');
}, []);
это было
useEffect(() => {
console.log('Run once');
}, 0);...
3264 просмотров
schedule
01.06.2023
React: Как вернуть useRef.current.value изнутри useEffect?
Я планировал использовать useRef.current.values в проекте, и в руководстве, которое я читал, рекомендовалось возвращать значения изнутри useEffect. В руководстве показана настройка, но нет примера использования значений.
Я не понимаю, как...
1541 просмотров
schedule
16.04.2022
Как React useEffect может отслеживать и обновлять состояние?
Пример кода
export function useShape (){
const [state, setState] = useState({
shape: 'square',
size: {
width: 100,
height: 100
}
})
// Change shape name while size update
useEffect(()=>{
const {size: {width,...
3758 просмотров
schedule
11.03.2022
Как принудительно обновить после изменения dom с помощью хуков реакции
У меня есть компонент, который отображает путь svg и хочу, чтобы другой компонент отображался внизу этого пути. Компонент пути выглядит так. Где {d} происходит из массива, который преобразуется во что-то вроде «M0,0, L100,120, L0,240»....
1180 просмотров
schedule
05.02.2022