Описание тега react-class-based-component

0 ответов

setHours и setMinutes не работают Компонент класса React

Я получаю, что вывод времени отключен. Пожалуйста, посмотрите на прикрепленное изображение. Я импортировалsetHours а также setMinutes библиотека state = { startTime: new Date(), time: null }; handleChange = time => { this.setState({ startTime: ti…
1 ответ

При нажатии кнопки предыдущее состояние не обновляется

У меня есть это React Class component где я не могу изменить текст кнопки on к off import React from 'react'; import ReactDOM from 'react-dom'; class Toggle extends React.Component { constructor(props) { super(props); this.state = { on: true } } han…
2 ответа

Проблема, связанная с вызовом функциональных компонентов в ReactJS

На запустив реакцию веб - страница h1 первым печатаются, но h1 вторые не печатаются Кроме тогоrenderDishDetail а также renderCommentsне вызываются.Я новичок в ReactJS и изучал функциональные компоненты. Я преобразовал компонент своего класса в функц…
2 ответа

Как передать функцию из ФУНКЦИОНАЛЬНОГО в компонент КЛАССА и получить к нему доступ вне рендеринга (без опоры), используя контекст в React js?

Как передать функцию из ФУНКЦИОНАЛЬНОГО в компонент КЛАССА, используя контекст в React js? Мой код: КОНТЕКСТ: authContext.js import React from 'react' const AuthContext = React.createContext() export const AuthProvider = AuthContext.Provider export …
0 ответов

Передача функции из класса в URL плеера React-Native

Итак, я получил на одной из моих страниц моего собственного React функциональность проигрывателя треков (TrackPlayer) и пользовательский интерфейс (класс Player). Каким-то образом мне удалось заставить их работать вместе, но теперь я хочу, чтобы пле…
1 ответ

Реагировать - состояние не обновляется в компоненте класса, даже если сообщение, выводимое на экран, изменяется

У меня есть компонент приложения, который содержит ввод. Каждый раз, когда я ввожу ввод, значение ввода обновляется, и компонент сообщения печатает другое сообщение в зависимости от того, как долго вводится. В то же время, третий компонент под назва…
1 ответ

Доступ к методам функционального компонента извне

Допустим, я хочу контролировать состояние загрузки своего приложения, вызывая метод извне приложения, например: setLoading(true) Я реализовал функциональный компонент, для которого работает что-то вроде этого: import React from 'react'; function App…
1 ответ

Использование данных, передаваемых от родительского к дочернему классу, для добавления точек на глобус

Я работаю над забавным проектом, чтобы помочь улучшить свои знания и понимание ReactJS в сочетании с ThreeJS, но столкнулся с проблемой при передаче данных из родительского класса функциям дочернего класса. Сейчас мой проект выглядит так: App.js imp…
1 ответ

Как провести рефакторинг класса React mousemove до функционального компонента?

У меня есть кнопка, которая закрывает навигацию. Эта кнопка следует за мышью. Все работает, но у меня есть предупреждение о депригации, от которого я хочу избавиться, но не знаю, как именно. (Я знаю только, что useEffect играет определенную роль: Во…
1 ответ

скопируйте узел при перетаскивании с помощью модуля рендеринга потока реакции

Я пытаюсь реализовать: исходный узел должен оставаться на своем месте и, перетаскивая его, должен создавать новый узел в месте падения. Оригинал должен оставаться в исходном положении. перетаскивание повторяющегося узла должно просто изменить его по…
1 ответ

Разница в доступе к реквизитам после изменения в хранилище redux между компонентом класса React и функциональным компонентом React

У меня проблема с пониманием, почему в компоненте на основе класса и функциональном компоненте одни и те же шаги приводят к разному результату. Ниже у меня есть пример, демонстрирующий эту разницу. class Test extends Component { handleSubmit = e =&g…
0 ответов

Отзывчивость React pdf. Как перенести код из Class Component в React Hook (Funcional)

Мне нужна помощь, чтобы преобразовать компонент на основе классов в функциональный с помощью хуков. import React, { PureComponent } from "react" import { Document, Page } from "react-pdf/build/entry.webpack" import throttle from …
1 ответ

Реакция: недопустимый перехватчик в классовом компоненте, который не использует перехватчик

У меня проблемы с React. Я хочу создать библиотеку компонентов в виде класса (я пришел из мира Java и считаю ООП более читабельным). Для этого я создал базовый класс, от которого будут унаследованы все мои компоненты. import { Box, createMuiTheme, T…
1 ответ

Как самостоятельно обновить несколько дочерних состояний в компонентах класса React?

Я знаю, как это можно сделать с помощью функциональных компонентов. Но когда дело доходит до компонентов класса, у меня есть несколько вопросов, которые нужно прояснить. У меня здесь класс, class MyTable extends Component { constructor(props) { supe…
2 ответа

Как использовать Async / Await с хуками React?

Я изучаю React и слежу за видеоуроком. Инструктор использовал компоненты класса, а я использую функциональные компоненты, чтобы освежить в памяти концепцию хуков. Я хочу преобразовать этот код в функциональный: return( <div className={classes.edi…
2 ответа

Фильтрация контента на основе строки запроса с использованием React Js

У нас есть простое приложение для реагирования. Данные поступают из API и хранятся в состоянии. Затем мы используем функцию карты для визуализации данных. И используйте функции сортировки и фильтрации для управления данными. Теперь мы пытаемся связа…
16 июн '20 в 08:43
2 ответа

Ограничение addEventListener до componentDidMount с помощью хука useEffect

У меня есть компонент на основе классов, который использует мультитач для добавления дочерних узлов в SVG, и это хорошо работает. Теперь я пытаюсь обновить его, чтобы использовать функциональный компонент с хуками, хотя бы по той причине, что лучше …
1 ответ

Разница между этими двумя js в React

Я начинаю изучать React JS, и кто-нибудь может объяснить мне разницу между этими двумя файлами? Оба они делают одно и то же. Первый JS import React, { useEffect, useState } from 'react' import Product from './Product'; import './Today.css'; import {…
2 ответа

Как заставить пользовательский интерфейс отображать мое состояние с помощью реакции

У меня есть метод onClick для реагирования, который изменяет состояние свойства с именем указатель. Функция работает на функциональном уровне, однако пользовательский интерфейс не обновляется в соответствии с моим состоянием, если я дважды не щелкну…
1 ответ

Перенос внешней библиотеки из класса в функциональный компонент в React

Я использую библиотеку javascript JExcel с React. В документации описывается подход к компонентам, но используетсяReactDOM.findDOMNode() который, как мне кажется, устарел. Я попытался переместить его в функциональный компонент, но, хотя он якобы раб…