Вопросы по теме 'react-component'

React - динамический импорт компонентов
У меня есть страница, которая отображает различные компоненты на основе пользовательского ввода. На данный момент я жестко запрограммировал импорт для каждого компонента, как показано ниже: import React, { Component } from 'react' import...
43194 просмотров

Как отправлять действия через таймер с помощью Redux
Я хотел бы отправлять действие каждую секунду, чтобы обновить отображение компонента без состояния. Моя первоначальная наивная попытка заключалась в вызове window.setInterval в функции рендеринга, которая затем вызывается каждый раз при рендеринге...
3535 просмотров

React Native: невозможно повторно визуализировать изображение после изменения состояния
Я начинаю с react-native. Я запрашиваю гифку из API giphy, а затем обновляю свой giphyUrl в состоянии (состояние изменено), но gif не изменяется (компонент не перерисовывается). class QuoteList extends Component { state = { quotes: [],...
1771 просмотров
schedule 12.06.2022

Как мне обрабатывать состояние компонента в соответствии с шаблоном единой ответственности
Я новичок в ReactJs и стараюсь следовать лучшим практикам. Из моего исследования я наткнулся на пару противоречащих друг другу статей, в которых обсуждается, какой должна быть реализация. Должно ли состояние полагаться на свойства, передаваемые...
124 просмотров

Использование Ref внутри функционального компонента без сохранения состояния не работает в React JS
Я разрабатываю веб-приложение React JS. Я новичок в реакции js. Теперь я пытаюсь использовать Ref внутри функционального компонента без сохранения состояния для получения входного значения. Я следовал некоторым решениям, которые нашел в Интернете....
2934 просмотров
schedule 08.04.2023

Понимание кода React
Я изучаю React.js. Я знаком с приведенным ниже кодом class Login extends Component { state = { email: '',}; render = () => { return (//some JSX code); } } Но я получил код ниже как решение проблемы. const...
124 просмотров

React не распознает модальную ошибку начальной загрузки `` Navbar is not defined ''
Я пытаюсь добавить Navbar в свое приложение для реагирования с помощью модального окна Bootstrap, я установил его так, как предлагал их документ: npm install --save response-bootstrap. Структура моего проекта: ProjectRootFolder / src / app.js...
931 просмотров

React - перезагрузить внешний компонент из приложения
Я все еще новичок в React. Я играю в угадайку. При загрузке страницы все загружается правильно (по крайней мере, в Chrome и Safari). Кнопкам-кошкам присваивается случайный номер, и при нажатии они отправляют соответствующее значение в логику...
143 просмотров

простейший подход динамического добавления компонентов в реакцию
в настоящее время работает над реагировать. У меня есть два компонента, скажем, объявление и дом. Внутри домашних компонентов у меня есть одно изображение, и при щелчке этого изображения я хочу отобразить рекламу внутри домашнего компонента под...
40 просмотров
schedule 22.06.2023

Почему сравнение текущих реквизитов и nextProps с одинаковым значением возвращает false?
У меня есть компонент, который всегда получает одни и те же реквизиты. Когда я сравниваю их в жизненном цикле shouldComponentUpdate() , он возвращает false shouldComponentUpdate(nextProps,nextState){ if(this.props === nextProps){return false;}...
825 просмотров

Как передать свойства компоненту в React
У меня есть 2 компонента страницы со своими маршрутами. Существует один компонент заголовка, который должен использоваться на обеих страницах, и предполагается, что он меняет свое содержимое в зависимости от того, на какой странице вы находитесь....
1977 просмотров
schedule 11.06.2023

Дочернее состояние React.js не перерисовывается даже после вызова setState?
У меня есть приложение с одним дочерним компонентом, который я хотел бы повторно визуализировать, когда setState обновляет bookInput в родительском состоянии. Я использую axios для запроса информации из книги Google API. По какой-то причине, хотя...
53 просмотров
schedule 23.04.2023

React - состояние обновления на реквизитах изменено - элемент ввода
Я уже прочитал все вопросы о переполнении стека, связанные с этой проблемой, а также это официальный ответный пост и предпочтительные решения. Больше не рекомендуется использовать componentWillReceiveProps ! Прежде чем пометить этот вопрос как...
4016 просмотров

Не удалось Jest-тестирование: следует использовать Material-UI для всех реагирующих компонентов.
Я работаю над проектом с использованием React, я использую Material-UI только для компонентов, содержащих формы. Когда я запускаю тест, компоненты с формами (которые используют материальный пользовательский интерфейс) проходят успешно, но проблема...
163 просмотров

Как импортировать и экспортировать с помощью React cdn?
Кто-нибудь знает, можно ли экспортировать / импортировать компонент с помощью компакт-диска React? Я пытаюсь экспортировать компонент класса из другого файла, чтобы я мог направить его / связать с ним. class RouteC extends React.Component {...
345 просмотров
schedule 01.04.2022

Условный рендеринг компонентов с одинаковыми реквизитами в ReactJS
У меня есть простой условный тест, который я запускаю, чтобы увидеть, какой компонент отображать. Если условие истинно, я визуализирую один компонент, ложно другой компонент. Прямо сейчас мой код выглядит примерно так: {isPresent &&...
977 просмотров

Как установить состояние родительского компонента из дочернего компонента в React?
У меня есть состояние в родительском компоненте, в котором есть массив пациентов. My Child Component 4 - это Countdown component (// компонент обратного отсчета визуализирует индивидуальный обратный отсчет для каждого пациента в массиве), и когда...
68 просмотров

React Display Separate Popover Component при нажатии на меню
У меня есть следующее меню: Итак, в идеале вы должны щелкнуть эти 3 точки, которые откроют рядом с ними еще одно окно. Я решил использовать всплывающее окно ( https://material-ui.com/components/popover/ ) .. Проблема в том, что при нажатии...
1316 просмотров

Ошибка компиляции Laravel-mix: объединение javascript с библиотекой компонентов typescript: вам может потребоваться соответствующий загрузчик для обработки этого типа файла
Я начинаю проект с последней версией Laravel (6.5) и хочу использовать response (16.9) в некоторых частях интерфейса. Он отлично работал с первыми тестами, но теперь я хочу попробовать библиотеку компонентов. Я установил материал-комплект-реакция с...
1263 просмотров

Каждый дочерний элемент в списке должен иметь уникальную ключевую опору. в ответ
У меня есть дочерний компонент, как показано ниже import React, { Component } from 'react'; class InputText extends Component { render = () => { return ( <div className="form-group"> <label...
1467 просмотров
schedule 28.04.2022