React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.

Подробнее про reactjs...

Я работаю над веб-приложением, используя React.js и Material UI. Я не знаю, почему изображение не отображается в моем Интернете, я перепробовал почти все, что мог. Вот код, в котором я использую тег изображения. import { TextField, Grid, Typography } from '@material-ui/core'; import WFH1 from './i....
21 Фев 2021 в 22:58
Как я могу предотвратить повторный рендеринг компонента, если его свойства не изменены? Ссылка на песочницу кода / минимальный рабочий пример. Наведите курсор на Canvas и убедитесь, что в консоль записано много сообщений "Canvas re-rendered". На верхнем уровне я передаю функцию const в качестве о....
21 Фев 2021 в 21:58
Есть ли лучшее сокращение для переключения foo? type Foo = 'BAR' | 'BAZ'; let foo: Foo = 'BAR'; const toggleFoo = () => { foo = foo === 'BAR' ? 'BAZ' : foo; }; toggleFoo(); ....
21 Фев 2021 в 21:26
Я пытаюсь создать автоматический счетчик , когда компонент (например, здесь Home) отображается в представлении. Счетчик должен начинаться с 1 и останавливаться на 10. Но я не могу очистить свой setInterval на 10. Счетчик продолжает увеличиваться. В чем проблема? Большое спасибо. export const Home....
Я столкнулся с проблемой, когда массив ответов API (в моем случае это города) хранит и отображает предыдущий результат поиска погоды. Чего я не хочу. я хочу заменить предыдущие результаты текущими результатами ответа API поиска. вот код. (я новичок в reactjs) import React from 'react'; import { ....
21 Фев 2021 в 18:55
У меня есть файл sitemap.xml, который я хочу показывать, когда пользователи нажимают www.mysite.com/sitemap.xml маршрут. Как я могу это сделать? Я использую react и response-router-dom.....
21 Фев 2021 в 18:01
Я пытаюсь сделать свой код более сухим и переместить операторы if / else if, которые обрабатывают ошибку, из компонента. Как я могу его экспортировать и импортировать из другого файла? Пример кода ниже: // PASSWORD ERROR HANDLING if (!this.state.password || !this.state.password.trim()) { ....
21 Фев 2021 в 17:35
Нефильтрованный объект У меня есть этот объект JSON: items = [ {id: 1, name: "home", parent: 0, active: 1, order: 0}, {id: 2, name: "dashboard", parent: 0, active: 1, order: 1}, {id: 3, name: "report1", parent: 2, active: 1, order: 11}, {id: 4, name: "analytics", parent: 0, acti....
21 Фев 2021 в 14:08
Итак, у меня есть такой код const getAllProduct = async () => { let allProduct = ""; let config = { method: "get", url: db_base_url + "/products/", headers: { Authorization: "Bearer " + token.access.token, "Content-Type": "application/json", }, ....
21 Фев 2021 в 13:26
Я создаю это приложение обратного отсчета, где оно должно отображать случайное слово, а затем запускать таймер. Таймер работает нормально, но настоящая проблема возникает, когда я раскомментирую строку, в которой новое слово обновляется в состоянии. Поскольку состояние изменено, компонент перерисов....
21 Фев 2021 в 12:48
Как я могу изменить пример кода на функциональный компонент с крючками? В моем примере я хочу использовать функциональный компонент, а также хуки, но я новичок в этом и был бы рад помочь в этом вопросе. Код является примером модальных окон. Код позволяет выполнять несколько типов открытия модальн....
21 Фев 2021 в 10:27
Я пытаюсь написать отзыв с помощью js DOM, но у меня ошибка с innerHtml. Я пробую следующий код: import React from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faQuoteLeft, faQuoteRight } from "@fortawesome/free-solid-svg-icons"; const testimonials = [ { ....
21 Фев 2021 в 10:20
Надпись и входные буквы в форме React перекрываются. Желаемый образ: верхнее изображение Текущее поведение: нижнее изображение Как я могу это исправить? <h5 className="grey-text text-darken-3">Sign In</h5> <div className="input-field"> <label htmlFor="email">Email</label> <input type="email" i....
21 Фев 2021 в 06:37
Я только начал использовать перехватчики реакции, и у меня есть быстрый вопрос. Могу я просто заявить const [page] = useState(1); вместо const [page, setPage] = useState(1); и вообще не вызывать setPage? Причина, по которой я спрашиваю, состоит в том, что я вижу, что с помощью setPage я вызываю....
21 Фев 2021 в 04:07
Я пробовал научиться реагировать и просто наткнулся на загвоздку. У меня возникла проблема с пониманием передачи реквизитов между дочерними компонентами в связи с возникающей проблемой. У меня проблемы с удалением элемента из моего списка дел, и я могу на всю жизнь Я понял, что это не так. import R....
21 Фев 2021 в 02:13
Я пытаюсь понять, как использовать некоторые существующие функции в моем приложении React. Существует файл javascript с именем Foo.js и связанный с ним набор Foo.d.ts. Foo.js имеет много функций, и я вижу вверху //I don't understand what the below lines re doing var A = A || {}; A.B= A.B|| {}; A.B.C....
21 Фев 2021 в 01:46
const handleMenu = async () => { let menu = await document.querySelector('.navbar-list'); menu.classList.toggle('.navbar-list-active'); } return ( <div className="navbar-list"> <div onClick={handleMenu} className="hamburger"> </div> ....
21 Фев 2021 в 01:15
Часть моего кода ведет себя не так, как мне хотелось бы. Я делаю два запроса к API, но они выполняются не по порядку. Я немного прочитал и попытался выполнить async await, но не смог достичь ожидаемого результата. Что мне здесь не хватает? useEffect(() => { const selectedSdksKeys = Object.key....
20 Фев 2021 в 23:35
Я вызываю функцию, которая возвращает некоторый html-код. Но если я хочу отправить этой функции параметр, тогда он сообщает мне, что функции недействительны как дочерние элементы React , проблема в том, что я хочу получить доступ к реквизитам из функции, чтобы сделать это я изменил вызов в jsx как....
Я хочу создать страницу, похожую на оконное приложение. Проблема заключается в том, что при увеличении масштаба страницы на главной странице отображается полоса прокрутки. Я установил параметры главной страницы (родительской), как показано ниже. ширина: 100vw, высота: 100vh Что мне делать? Прокру....
20 Фев 2021 в 19:25
Я консольный журнал и добавленный комментарий внутри render () помогли мне определить его так, чтобы в модальном теле отображалось имя пользователя. это мой вывод журнала консоли [] SearchModal.js: 37 undefined это для той строки userdetails сразу после рендеринга SearchModal.js: 53 (3) [{…}, {…}, ....
20 Фев 2021 в 18:44
Widgets.js import React, {useContext} from 'react'; import { DataContext } from '../contexts/DataContext'; const Widgets = () => { const {updates} = useContext(DataContext); console.log(updates); return ( <div className="MainWidget"> ....
20 Фев 2021 в 18:10
Я знаю, что это вопрос для новичков, но я новичок в веб-разработке, и у меня есть проект в react js. Пробую делать кнопку, которая открывает мини окошко. const redirecttest = () =>{ <Popout url='popout.html' title='Window title' onClosing={this.popupClosed}> <div>test</div> </Popout....
20 Фев 2021 в 16:42
Я хочу получить значение своего значка, но он говорит, что это событие устарело. const TaskContainer = (props) => { function handleChange(event){ alert(event.target.value); } return ( <i className='bx bx-add-to-queue bx-tada-hover' value={props.columnname.id} onClick={handleChange(eve....
20 Фев 2021 в 16:22
Вот мой родительский компонент Search.js class Search extends Component { state = { hcps: [], } componentDidMount() { this.fetchingData(); } fetchingData = () => { axios.get('/hcp-overview-panel') .then(res => { const hcps = res.data; console.log('data from fetch: '....
20 Фев 2021 в 15:07