React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
Я работаю над веб-приложением, используя 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....
21 Фев 2021 в 20:35
Я столкнулся с проблемой, когда массив ответов 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....
Я только начал использовать перехватчики реакции, и у меня есть быстрый вопрос. Могу я просто заявить
const [page] = useState(1);
вместо const [page, setPage] = useState(1);
и вообще не вызывать setPage? Причина, по которой я спрашиваю, состоит в том, что я вижу, что с помощью setPage я вызываю....
Я пробовал научиться реагировать и просто наткнулся на загвоздку. У меня возникла проблема с пониманием передачи реквизитов между дочерними компонентами в связи с возникающей проблемой. У меня проблемы с удалением элемента из моего списка дел, и я могу на всю жизнь Я понял, что это не так.
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 как....
20 Фев 2021 в 21:45
Я хочу создать страницу, похожую на оконное приложение. Проблема заключается в том, что при увеличении масштаба страницы на главной странице отображается полоса прокрутки. Я установил параметры главной страницы (родительской), как показано ниже. ширина: 100vw, высота: 100vh
Что мне делать? Прокру....
20 Фев 2021 в 19:25
Я консольный журнал и добавленный комментарий внутри render () помогли мне определить его так, чтобы в модальном теле отображалось имя пользователя. это мой вывод журнала консоли [] SearchModal.js: 37 undefined это для той строки userdetails сразу после рендеринга SearchModal.js: 53 (3) [{…}, {…}, ....
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