Я хочу, чтобы мой компонент аватара показывал аватар с URL-адресом, переданным компоненту. Поэтому, если я передаю аватар1, он показывает аватар1. Я пробовал несколько методов, но ничего не работает. Мой компонент аватара выглядит сейчас так. Я хочу избавиться от статического URL export default f....
Я новичок в реагировании, и я пытаюсь преобразовать этот компонент на основе класса в функциональный компонент, но я получаю сообщение об ошибке состояния, как я могу его преобразовать, пожалуйста? Это мои компоненты :) ссылка на песочницу Спасибо....
Чего я пытаюсь достичь: Получить book-> взять book.chapterIds[0] для обновления currentChapter -> взять currentChapter для обновления chapters Я использую одну переменную состояния (книгу), чтобы установить другую переменную состояния (главы), например: useEffect(() => { getBook(match.params.id); ....
Возьмите следующий компонент: function MyComponent() { const [ inputValue, setInputValue ] = useState( '' ); const [ submittedValue, setSubmittedValue ] = useState( '' ); const inputRef = useRef<HTMLInputElement>( null ); useEffect( () => { const inputElement = inputRef.curr....
Я преобразовываю компоненты класса в функциональные компоненты и получаю сообщение об ошибке при удалении «этого». Исходный проект (с компонентами класса) работает хорошо. Но когда я удаляю this из this.intervalID, появляется ошибка Меня это смущает, потому что 'intervalID' нигде в проекте не объяв....
Я пытаюсь добавить несколько полей ввода и выбрать поля раскрывающегося списка, нажав кнопку. Нажав кнопку Добавить столбец, я добавляю новую строку в компонент. Когда я меняю раскрывающееся значение в одной строке, из-за использования состояния все значения остальных параметров выбора также меняют....
Я пытаюсь показать и скрыть функциональный компонент, он работает только под нагрузкой. после скрытия он снова не отображается. я понимаю это, так как я неправильно использую functional component. Кто-нибудь предложит мне правильный путь, пожалуйста? Вот мой код: (index.tsx) import React, { Compon....
Ошибка: На самом деле, я могу решить эту ошибку, если добавлю вопросительный знак в свой интерфейс. Однако я ожидал, что он должен работать без вопросительного знака. Я что-то упустил или правильно поставить вопросительный знак? Это «Main.tsx» import * as React from 'react'; interface ICamp { ....
У меня проблема с повторным рендерингом. Каждый раз, когда пользователь сосредотачивается на вводе, он перерисовывается, даже при вводе. Каждый раз, когда пользователь вводит одно слово, компонент функции перерисовывается, но у меня большие данные, и из-за этого все очень медленно. import { useSta....
С этим кодом: 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....
Мое состояние orderDetail содержит orderDetail json Я получаю _id заказа, который я хочу удалить в функции, например, _id: 60f1ab20891ced4818b5ea87, Теперь я хочу удалить этот заказ из массива заказов, который находится в детализации заказа, и обновить состояние. orderdetail = { _id: 60f1ab20891ce....
Я создаю форму с загрузкой файла с помощью react-hook-form и Yup. Я пытаюсь использовать метод регистрации в своем дочернем компоненте. При передаче регистрации как опоры (деструктурированной в фигурных скобках) проверка и отправка не работают. Вы всегда можете отправить форму, а отправленный фай....
По сути, мне нужно отобразить компонент на основе состояния, которое устанавливается асинхронно, по умолчанию состояние «ложно», поэтому компонент монтируется и выдает возврат, соответствующий параметру «ложь», но он не ждет предпосылки, которая обновляет штат. export const LayoutValidator=({childr....
Программа, которую я пишу, сообщает пользователю их астрологический знак в зависимости от их дня рождения (пользовательский ввод из выбранных элементов). Я использую маршрутизатор для переключения между тремя страницами: Главная, Тест и Результат. Эти три компонента хранятся в папке Pages в файле....
Недавно я начал использовать реакцию, используя функциональные компоненты и реакцию-запрос, и она работала нормально, за исключением того, что я не понимаю, как правильно организовать компоненты. Способ, которым я привык проектировать компоненты, заключается в наличии компонента верхнего уровня, кот....
Я не уверен, является ли это проблемой TypeScript, или это скорее вопрос поведения реквизита React, или это просто я испортил деструктуризацию ES6. У меня есть ParentComponent, свойства которого имеют тип ParentProps, и ChildComponent, который также имеет тот же тип. ChildComponent использует те же....
Я пытаюсь составить список навыков, которые должны быть встроены в пользовательский интерфейс, и на этом этапе у меня не было никаких проблем. Но когда я добавляю новый элемент в список, записывая его в поле ввода и нажимая кнопку, чтобы добавить его, консоль отправляет сообщение, чтобы сообщить:....
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()}/> Я запускаю код выше и отображаю счетчик в приложении. Но это вылетает из моего приложения. Так как я делаю это очень быстро. Не могу понять, почему это ....
У меня есть функциональный компонент реакции, подобный этому: function ComponentA(){ function AddComponentB(){ return <><ComponentB /></> } useEffect(() => { AddComponentB(); }, []); return <> <div id="parent"></div> </> } Теперь я понял, что все под useEffect загружается после....
Я только начал изучать реакцию, поэтому мне было интересно, есть ли способ сделать это или даже правильный ли это. У меня в 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....
Я абсолютный новичок в реакции. Я должен передать определенное свойство всем компонентам внутри div, не передавая их по отдельности, например, вместо этого: function App() { return ( <div> <Component1 props = {propObject}/> <Component2 props = {propObject}/> <Comp....
У меня есть абстрактный класс: 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 |....