Описание тега reactjs

React (также известный как React.js или ReactJS) - это библиотека JavaScript с открытым исходным кодом, разработанная Facebook для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
1 ответ

Как я могу установить материал-интерфейс TextField для приема только шестнадцатеричных символов

Я хочу, чтобы мой TextField принимал только значения от 0 до 9 и буквы AF. Благодарю.
30 дек '18 в 22:38
5 ответов

Как повторить элемент n раз, используя JSX

Я использую React/JSX в своем приложении, чтобы выполнить то, что я хочу, также, Lodash. Мне нужно повторить элемент определенное количество раз в зависимости от условия, как мне это сделать? Вот элемент: <span className="busterCards">♦</sp…
09 дек '15 в 21:30
1 ответ

Как создать немодальный диалог в Material-UI

Я пытаюсь создать диалог в материальном интерфейсе, который не блокирует основной контент. С моим кодом ниже я могу только скрыть фон, но не могу отключить фон. <Dialog open={this.state.open} onClose={this.handleClose} hideBackdrop={true} > Мо…
17 апр '19 в 17:36
1 ответ

Сохранение входного значения параметра выбора в компоненте React внутри MongoDB - сбой MERN. Сохраняет его как пустую строку

Я работаю с MERN и пытаюсь сохранить входные значения параметров выбора в моей базе данных MongoDb с помощью mongoose. Как это import React, {Component} from 'react'; import axios from 'axios'; class Admin extends Component { constructor(props) { su…
06 окт '20 в 19:27
1 ответ

ошибка вычисления ключа кеша на circle-cl при настройке

ситуация Я начал проект React и отправил проект по умолчанию на git remote, подключился к circle-cl, настроил и добавил конфигурацию, но проблема возникла. Я не знаю, что делать в этой ситуации. Восстановление кеша error computing cache key: templat…
12 окт '20 в 07:06
1 ответ

Как перенаправить все маршруты в индекс gatsby

Я пытаюсь создать проект Gatsby, в котором есть только одна страница для обработки всех маршрутов. У меня есть такая индексная страница: const App = () => { return <Router> <Home path="/"/> <Login path="/login" …
07 сен '20 в 07:01
2 ответа

Как можно изменить клон массива и не изменить исходный массив в reactjs

У меня есть состояние в моем компоненте, и я хочу клонировать это состояние, когда нажимаю кнопку сохранения, изменяю и удаляю какой-либо атрибут клона, а затем отправляю его в серверную часть, но когда я меняю массив клонов, исходное состояние такж…
07 сен '20 в 08:16
1 ответ

Как вызвать событие для передачи списка элементов через событие реакции

У меня есть следующее раскрывающееся меню React-Select: <Select isMulti placeholder="Select Option" options={soptions} onChange={this.selectValue(this)}/> Поскольку раскрывающийся список представляет собой несколько раскрывающихся сп…
18 ноя '20 в 18:45
0 ответов

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

import React from "react"; import { updateNewFighterForm } from "../actions/newFighterForm.js"; import { connect } from "react-redux"; import Button from "react-bootstrap/esm/Button"; const NewFighterForm = ({…
18 ноя '20 в 23:02
1 ответ

Что могло привести к тому, что "обновление ... внутри теста не было завершено в act", несмотря на использование act?

Я делаю свои первые шаги по тестированию функциональных компонентов React примерно такими: import React from 'react'; import { render } from '@testing-library/react'; import { act } from 'react-dom/test-utils'; import App from './App'; test('basic a…
18 ноя '20 в 23:06
0 ответов

Как использовать экземпляры глобального хранилища для динамического извлечения данных в NextJs (getStaticProps / getStaticPaths)?

Я новичок в Nextjs и теперь мне интересно, как лучше всего перейти на динамическую страницу и getStaticProps оттуда. У меня есть эти кнопки для каждого фрагмента продукта на странице продуктов. Как только пользователь нажимает кнопку, он должен пере…
01 окт '20 в 02:11
2 ответа

Как объявить тип в машинописном тексте на основе ключей, упомянутых в том же типе?

Я хочу объявить тип в машинописном тексте ApiResponse и упомянуть в нем 3 ключа: isError, error и content. Я хочу, чтобы этот тип был объявлен как такой, что существует либо isError и error, либо существует контент. type ApiResponse<T> = { isE…
0 ответов

Внести изменения в одну таблицу с учетом данных из другой таблицы

У меня есть проект по управлению задачами. Выходные - нерабочие дни, поэтому выделено розовым цветом function isWorkDayNov(date, month = 10, year = 2020) { const weekDay = new Date(year, month, date).getDay() return weekDay !== 0 && weekDay …
24 ноя '20 в 18:25
0 ответов

Как я могу редактировать, обновлять и сохранять полученную форму информации о пользователе

Я использовал auth0 для входа в систему и регистрации новых пользователей. В моем веб-приложении есть компонент React "UserProfile", в котором есть форма для заполнения: адрес электронной почты, имя, фамилия, страна, город, адрес, почтовый индекс. Я…
12 окт '20 в 16:54
1 ответ

Не могу понять определение "размонтированного" компонента React

Я не понимаю поведения своего компонента.. Вот мой пример: const Component = (props) => { const [bigClass, setBig] = useState('') const name = (props.dir === 'right') ? 'right' : 'left' useEffect(() => { setTimeout(() => { console.log('time…
06 сен '20 в 16:49
0 ответов

Gulp всегда делает сборку разработчика. Нужна производственная сборка с помощью gulp

Gulp всегда делает сборку разработчика, я получаю предупреждение Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips develo…
06 сен '20 в 17:20
1 ответ

Как опубликовать компонент React+ TypeScript

Я пытаюсь опубликовать компонент React, написанный с помощью Typescript, и у меня есть некоторые сомнения в том, что лучше всего мое рабочее пространство: ./src index.tsx styles.module.css logo.svg SubcomponentFolder index.tsx styles.module.css -Что…
06 сен '20 в 17:21
1 ответ

Как устранить ошибки машинописного текста для createContext в настраиваемом компоненте реакции

Я слежу за Advanced React Component Patterns на яйце и У меня много проблем набрав функцию внутри ToggleContext.Consumer: interface IContextProps { on: boolean; toggle?: (flag: boolean) => void; } const ToggleContext = React.createContext<ICon…
06 сен '20 в 18:01
1 ответ

Не удается прочитать свойство 'key' неопределенной реакции

Компонент Home.js import React, { Component } from 'react'; import axios from 'axios'; import styles from './home.module.css'; import TurnArrow from '../../assets/images/turn.svg'; import LoadingGif from '../../assets/images/loading.gif'; import Sea…
07 сен '20 в 03:06
0 ответов

React ENV и получение URL-адресов axios

В настоящее время я получаю переменную env.production. с локальным он отлично работает, но при загрузке на мою веб-страницу у меня возникли проблемы. он начинает дважды вызывать URL-адрес, etg: http://IPHERE/IPHERE:3000/onlinestate вместо: http://IP…
07 сен '20 в 06:57