Я хочу, чтобы мой компонент аватара показывал аватар с URL-адресом, переданным компоненту. Поэтому, если я передаю аватар1, он показывает аватар1. Я пробовал несколько методов, но ничего не работает.
Мой компонент аватара выглядит сейчас так. Я хочу избавиться от статического URL
export default f....
2 Фев 2022 в 17:12
Я новичок в реагировании, и я пытаюсь преобразовать этот компонент на основе класса в функциональный компонент, но я получаю сообщение об ошибке состояния, как я могу его преобразовать, пожалуйста? Это мои компоненты :)
ссылка на песочницу
Спасибо....
29 Янв 2022 в 16:55
Чего я пытаюсь достичь:
Получить book-> взять book.chapterIds[0] для обновления currentChapter -> взять currentChapter для обновления chapters
Я использую одну переменную состояния (книгу), чтобы установить другую переменную состояния (главы), например:
useEffect(() => {
getBook(match.params.id);
....
25 Янв 2022 в 11:48
Возьмите следующий компонент:
function MyComponent() {
const [ inputValue, setInputValue ] = useState( '' );
const [ submittedValue, setSubmittedValue ] = useState( '' );
const inputRef = useRef<HTMLInputElement>( null );
useEffect( () => {
const inputElement = inputRef.curr....
25 Янв 2022 в 04:14
Я преобразовываю компоненты класса в функциональные компоненты и получаю сообщение об ошибке при удалении «этого».
Исходный проект (с компонентами класса) работает хорошо. Но когда я удаляю this из this.intervalID, появляется ошибка
Меня это смущает, потому что 'intervalID' нигде в проекте не объяв....
23 Янв 2022 в 17:50
Я пытаюсь добавить несколько полей ввода и выбрать поля раскрывающегося списка, нажав кнопку. Нажав кнопку Добавить столбец, я добавляю новую строку в компонент.
Когда я меняю раскрывающееся значение в одной строке, из-за использования состояния все значения остальных параметров выбора также меняют....
22 Янв 2022 в 23:17
Я пытаюсь показать и скрыть функциональный компонент, он работает только под нагрузкой. после скрытия он снова не отображается. я понимаю это, так как я неправильно использую functional component.
Кто-нибудь предложит мне правильный путь, пожалуйста?
Вот мой код: (index.tsx)
import React, { Compon....
20 Янв 2022 в 17:18
Ошибка:
На самом деле, я могу решить эту ошибку, если добавлю вопросительный знак в свой интерфейс. Однако я ожидал, что он должен работать без вопросительного знака. Я что-то упустил или правильно поставить вопросительный знак?
Это «Main.tsx»
import * as React from 'react';
interface ICamp {
....
17 Янв 2022 в 18:46
У меня проблема с повторным рендерингом. Каждый раз, когда пользователь сосредотачивается на вводе, он перерисовывается, даже при вводе. Каждый раз, когда пользователь вводит одно слово, компонент функции перерисовывается, но у меня большие данные, и из-за этого все очень медленно.
import { useSta....
14 Янв 2022 в 09:05
С этим кодом:
import ReactEChartsCore from 'echarts-for-react/lib/core';
// Import the echarts core module, which provides the necessary interfaces for using echarts.
import * as echarts from 'echarts/core';
// import components, all suffixed with Component
import {
GridComponent,
TooltipCompone....
13 Янв 2022 в 14:35
Мое состояние orderDetail содержит orderDetail json
Я получаю _id заказа, который я хочу удалить в функции, например, _id: 60f1ab20891ced4818b5ea87,
Теперь я хочу удалить этот заказ из массива заказов, который находится в детализации заказа, и обновить состояние.
orderdetail = {
_id: 60f1ab20891ce....
10 Янв 2022 в 08:30
Я создаю форму с загрузкой файла с помощью react-hook-form и Yup. Я пытаюсь использовать метод регистрации в своем дочернем компоненте. При передаче регистрации как опоры (деструктурированной в фигурных скобках) проверка и отправка не работают. Вы всегда можете отправить форму, а отправленный фай....
10 Янв 2022 в 01:03
По сути, мне нужно отобразить компонент на основе состояния, которое устанавливается асинхронно, по умолчанию состояние «ложно», поэтому компонент монтируется и выдает возврат, соответствующий параметру «ложь», но он не ждет предпосылки, которая обновляет штат.
export const LayoutValidator=({childr....
5 Янв 2022 в 05:47
Программа, которую я пишу, сообщает пользователю их астрологический знак в зависимости от их дня рождения (пользовательский ввод из выбранных элементов). Я использую маршрутизатор для переключения между тремя страницами: Главная, Тест и Результат. Эти три компонента хранятся в папке Pages в файле....
4 Янв 2022 в 22:29
Недавно я начал использовать реакцию, используя функциональные компоненты и реакцию-запрос, и она работала нормально, за исключением того, что я не понимаю, как правильно организовать компоненты.
Способ, которым я привык проектировать компоненты, заключается в наличии компонента верхнего уровня, кот....
4 Янв 2022 в 19:55
1
Как добавить опору к дочернему компоненту, уже получающему реквизиты через оператор распространения?
Я не уверен, является ли это проблемой TypeScript, или это скорее вопрос поведения реквизита React, или это просто я испортил деструктуризацию ES6.
У меня есть ParentComponent, свойства которого имеют тип ParentProps, и ChildComponent, который также имеет тот же тип. ChildComponent использует те же....
4 Янв 2022 в 01:02
Я пытаюсь составить список навыков, которые должны быть встроены в пользовательский интерфейс, и на этом этапе у меня не было никаких проблем. Но когда я добавляю новый элемент в список, записывая его в поле ввода и нажимая кнопку, чтобы добавить его, консоль отправляет сообщение, чтобы сообщить:....
29 Дек 2021 в 00:27
У меня есть проект, в котором я хочу применить определенный стиль. Я попробовал метод, показанный ниже (который не работает для функциональных компонентов):
const Parent = ({ children }) => {
const style = { /* ... */ }
const clones = React.Children.map(children, child => {
return React.....
28 Дек 2021 в 16:31
const [count,setCounter] = useState(0)
const increaseCounter = () =>{
setCounter(value=>value+1)
}
<Button onPress={()=>increaseCounter()}/>
Я запускаю код выше и отображаю счетчик в приложении. Но это вылетает из моего приложения. Так как я делаю это очень быстро. Не могу понять, почему это ....
27 Дек 2021 в 18:04
У меня есть функциональный компонент реакции, подобный этому:
function ComponentA(){
function AddComponentB(){
return <><ComponentB /></>
}
useEffect(() => {
AddComponentB();
}, []);
return
<>
<div id="parent"></div>
</>
}
Теперь я понял, что все под useEffect загружается после....
27 Дек 2021 в 10:44
Я только начал изучать реакцию, поэтому мне было интересно, есть ли способ сделать это или даже правильный ли это.
У меня в App.js есть компонент под названием DeckTable
return (
<>
<DeckTable decksCompared={decksCompared} sideboardsCompared={sideboardsCompared} decks={decks} headerCompare....
22 Дек 2021 в 16:02
У меня есть код, в котором мне нужно передать константу внутри useState, может кто-нибудь помочь ??
Приведенный ниже код находится в конструкторе класса, я хочу преобразовать его в функциональный компонент.
Компонент класса:
constructor(props){
super(props);
const {id, name, email} = ....
22 Дек 2021 в 10:24
Я создаю игру в блэкджек в React.js. И я установил состояние в массив карт типов. Похоже на это.
let startingDealerHand: Cards[] = dealCards(2, []);
let startingPlayerHand: Cards[] = dealCards(2, []);
const [dealerHand, setDealerHand] = useState<Array<Cards>>(startingDealerHand);
c....
20 Дек 2021 в 00:12
Я абсолютный новичок в реакции. Я должен передать определенное свойство всем компонентам внутри div, не передавая их по отдельности, например, вместо этого:
function App() {
return (
<div>
<Component1 props = {propObject}/>
<Component2 props = {propObject}/>
<Comp....
19 Дек 2021 в 09:04
У меня есть абстрактный класс:
export default abstract class TableAction<T = any, R = any> extends React.Component<T, R> {
protected abstract onClick(e: React.MouseEvent<HTMLButtonElement>): void | Promise<void>;
protected abstract onMouseEnter(e: React.MouseEvent<HTMLButtonElement>): void |....
14 Дек 2021 в 10:45