reactjs — вопросы с тегом
-
«Ошибка синтаксического анализа модуля: неожиданный символ '@'» при использовании светящегося компонента с NextJS
Я пытаюсь импортировать освещенный компонент в свой проект NextJS. Вот моя составляющая:import {html, css, LitElement} from 'lit'; import {customElement} from 'lit/decorators.js'; @customElement('my-element') export class MyElement extends LitElement { static get styles() { ... } ...
1 ответ03 июнь 2021, в 14:43 -
как выполнить итерацию во вложенном массиве
Здравствуйте, у меня такой структурированный JSON, и мне нужно перебрать элементы[ { "name": "About You", "questions": [ { "questionText": "What is your surname?", "answers": [ { "t...
1 ответ03 июнь 2021, в 14:33 -
Фоновое изображение заголовка исчезает и исчезает при прокрутке с нижним градиентом в приложении React
Мое изображение заголовка исчезает (исчезает при прокрутке). Я достиг этого остроумного javascript в моем приложении React:useEffect(() => { const handleScroll = () => { if (parallaxDiv.current) { parallaxDiv.current.style.backgroundPositionY = `${ window.pageYOffse...
1 ответ03 июнь 2021, в 14:07 -
Состояние редактирования внутри модального окна
Я делаю небольшое приложение для заметок. Когда пользователь пишет свой заголовок и заметку и нажимает «Отправить», заметка помещается на страницу ... Я хочу иметь возможность редактировать заметку. При нажатии кнопки редактирования появляется модальное окно, и я хочу, чтобы заголовок и примечание п...
1 ответ03 июнь 2021, в 13:44 -
Необязательный array.map внутри array.map
У меня есть меню, отображаемое с помощью array.map, НО я хочу, чтобы отображалось и подменю, но я не могу найти способ добиться этого. например я сделал это правильно import React from 'react' export const Menu = () => { const item = [ 'option1', 'option2', 'option3...
3 ответа03 июнь 2021, в 13:21 -
Включение и отключение кнопки отправки с флажками
Я использую Formik для своих форм React, которые я тоже довольно новичок, у меня есть форма с двумя флажками и кнопкой отправки, которая по умолчанию отключена. Мне нужно найти способ проверить, установлен ли флажок. Если все два флажка были отмечены, кнопка отправки активна, а если какой-либо из ни...
1 ответ03 июнь 2021, в 12:57 -
Состояние реакции не меняется после нажатия какой-либо кнопки
После вызоваhandleButton нажав наLog In кнопку один раз, значениеlogInStatus пустой. Однако после второго щелчка значениеlogInStatus изменится. Я знаю, что setState - это асинхронный вызов, поэтому он не будет обновлять значениеlogInStatus немедленно. Как мне подойти к решению?import React, {setStat...
2 ответа03 июнь 2021, в 12:53 -
Почему компонент перерисовывается дважды?
Вот мой код для App.js function App() { console.log('Rendering the App component'); const [someBooleanVar, updateBooleanVar] = React.useState(false); console.log(someBooleanVar); const clickHandler = () => { console.log('In clickHandler'); console.log(someBooleanVar); upd...
1 ответ03 июнь 2021, в 11:47 -
Компонент экспорта React, который не отображается в PNG
Я пытаюсь экспортировать диаграмму в изображение, и я хочу, чтобы изображение диаграммы имело настраиваемую легенду, которая не отображается на экране. Как я могу это сделать? На данный момент я попытался экспортировать с помощью response-component-export-image, но если компонент не отображается, сс...
1 ответ03 июнь 2021, в 11:08 -
как скрыть / отобразить кнопку отправки в React JS
Я совершенно новичок в React JS, понятия не имею, как это сделать в ReactJS. Сначала мне нужно скрыть кнопку «Отправить», когда при вводе в поля дат должна отображаться кнопка «Отправить».class MyForm extends React.Component { constructor(props) { super(props); this.state = { startda...
1 ответ03 июнь 2021, в 09:25 -
Максимальный лимит файла inotify
Я программирую приложение для реагирования с электроном в среде докеров. Когда я пытаюсьnpm run dev , Я получил следующую ошибку:Error from chokidar (/home/app/mountpoint/Matres-GUI/node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime): Error: ENOSPC: System limit for number of file watcher...
1 ответ03 июнь 2021, в 09:19 -
Материал пользовательского интерфейса, вариант целевой кнопки css-селектор
Я создал 3 класса, которые применяют градиент для каждого варианта кнопки пользовательского интерфейса материала. Классы:gradient ,outlinedGradient , а такжеcontainedGradient , [IMG_OUR_ID=8797.png] Но я хотел просто создать один классgradient а затем создайте более конкретные селекторы для случаев,...
1 ответ22 апр. 2021, в 02:21 -
Как добавить проверку ввода в React?
У меня простая форма, в которойfirstName а такжеlastName . <label htmlFor="firstName">First Name: </label> <input type="text" className="form-control" id="firstName" name="firstName" value={basicDet...
2 ответа22 апр. 2021, в 02:06 -
У меня проблема с Passport, когда мои серверы React и Node разные (Firebase), но нет проблем, когда они одинаковые (Heroku)
Я развернул свое приложение React, используяheroku и аутентификация отлично работает с Passport, но когда я использовал Firebase Hosting and Functions, я столкнулся с некоторыми проблемами, которые я не могу решить. При входе в мое приложение обновляется страница, вызывающаяuseEffect хук, который пр...
1 ответ22 апр. 2021, в 01:51 -
Список возврата из компонента
Один из моих компонентов создает список строк случайного размера (скажем, от 4 до 10 строк) при каждом вызове. Предположим, что список["airplane", "ball", "car", "dice"] . Я хочу вернуть структуру html, которая выглядит так:airplane [button] ball [butt...
2 ответа07 апр. 2021, в 23:01
Коротко о reactjs
"Завидую тестировщикам: все хотят с ними дружить."