React (также известный как React.js или ReactJS) - это библиотека JavaScript с открытым исходным кодом, разработанная Facebook для создания пользовательских интерфейсов. Он использует декларативную, основанную на компонентах парадигму и стремится быть одновременно эффективным и гибким.
Привет, я пытаюсь получить текстовый файл внутри функции рендеринга jsx (html). Я создал функцию handleText, которая читает текст и просто разбивает текст на части. Я вижу это в журнале консоли, но когда я, например, пытаюсь отобразить его или просто вставляю myTextArr в рендер, он дает мне пустой э....
Я использую панель приложений Material-Ui и хочу просто расположить мой логотип и заголовок по центру (см. Рисунок).
Но я пробовал разные методы, все равно ничего не работает. Ниже приведен мой код. Вы знаете, что не так с моим кодом?
Вы также можете попробовать код в codeandbox:
https://codesandbo....
14 Сен 2020 в 22:16
Привет товарищи-программисты.
У меня сейчас проблема с моими собственными стилями, созданными с помощью makeStyles(...). Что происходит; когда я импортирую свою константу стилей, которая экспортируется из другого модуля, блок style помещается перед другими стилями MUI, что приводит к отмене моего. Я....
14 Сен 2020 в 20:39
Я работаю над приложением React, и мне хотелось бы настроить линтер, чтобы я мог видеть все предупреждения / ошибки в консоли.
Документы мало что говорят: https: // create-response -app.dev/docs/setting-up-your-editor/
Я добавил EXTEND_ESLINT=true в свой файл .env.dev, и я также создал файл .eslintr....
14 Сен 2020 в 18:47
Я нашел несколько вопросов относительно этой ошибки, но не смог найти правильного решения.
Обзор
Я пытаюсь создать серию компонентов radioInput, которые будут частью RadioGroup. Я создаю это с помощью компонента radioGroup, который будет передавать различные свойства входным данным, которые он получ....
14 Сен 2020 в 17:26
Я пытался получить доступ к значениям внутри массива объектов, но по какой-то причине, когда я использую console.log(quiz.questions[0].question), я получаю сообщение об ошибке
TypeError: невозможно прочитать свойство "вопрос" неопределенного значения.
Код:
const quizAPI = process.env.REACT_APP_API_Q....
14 Сен 2020 в 16:41
Я изучаю экспресс, и у меня возникла проблема с отправкой json с моего экспресс-сервера в мое приложение для реагирования.
На своем экспресс-сервере я вызываю API openweathermap API, а затем отправляю JSON для реакции, где я забираю его, используя axios. Проблема в том, что мое приложение для реагир....
14 Сен 2020 в 15:48
У меня есть компонент, который выполняет функцию разбивки на страницы с сообщениями в блогах. Каждый раз, когда нажимается кнопка «Загрузить еще», внизу страницы загружаются еще пять сообщений. Я сейчас рисую пробел в том, как решить проблему с этим.
Проблема:
После нажатия кнопки «загрузить еще» ....
14 Сен 2020 в 15:24
Я использовал useRef в этом компоненте, и он хорошо работает, когда мне нужно ссылаться на входное значение, но когда я заканчиваю и нажимаю кнопку отправки, он работает хорошо, но в поле ввода все еще есть работа, которую я написал
Просто, мне нужно очистить поле ввода при нажатии кнопки «Отправить....
14 Сен 2020 в 15:10
У меня есть 3 элемента, и я хочу добавить новый элемент, щелкнув любой div, но проблема заключается в том, что после добавления новых элементов в массив они не отображаются из компонента.
import React, { useState } from "react";
import "./styles.css";
export default function App() {
let elements ....
14 Сен 2020 в 14:07
Когда я нажимаю кнопку, включаются обе кнопки. Я просто хочу открыть нажатую кнопку. Как мне это сделать?
Вот мой код....
14 Сен 2020 в 14:02
Проблема
Привет
Я пытаюсь частично обновить свой объект состояния:
const [elephantProp, setElephantProp] = useState({
name: "",
color: "",
size: "",
race: "",
country: "",
});
Допустим, я хочу обновить только параметры цвета и размера.
Что я пробовал
1
Ди....
14 Сен 2020 в 13:17
Я хочу сохранить данные формы для нескольких полей ввода в localstorage при нажатии на кнопку отправки и отображении в другом компоненте.
<code>
handleSubmit = (event) => {
event.preventDefault();
console.log(this.state);
if (formValid(this.state)) {
console.error("Form is valid"....
14 Сен 2020 в 12:10
Я использую react-redux, и у меня есть подключенный к нему компонент. у моего компонента есть свои собственные свойства (варианты и функции), а также некоторое состояние из хранилища, сопоставленное с ним, используя mapStateToProps.
Для нас очень важно определить, когда этот компонент должен быть по....
14 Сен 2020 в 10:41
Я пишу блок кода для сортировки данных с помощью перехватчиков React. Но я получаю предупреждение / ошибку, упомянутые выше. Ниже мой код.
const [sort, setSort] = useState(sortedInfo)
if (condition){
// some logic
} else if (columns.find((col) => col.hasOwnProperty("actualSort"))){
const {data, a....
14 Сен 2020 в 07:15
let array = [{7: 10}, {10: 9}, {8: 5}, {3: 4}, {6: 7}]
Я хотел бы изменить определенные значения внутри этого массива объектов, я знаю, как это сделать:
array.find(
(item, index) => Object.keys(item) === 7
?
console.log('I would like to delete this object or change its value = ' + Object.values(i....
14 Сен 2020 в 05:40
Имея следующий код, я надеюсь, что при изменении значения цены и количества статус продуктов будет изменен в родительском компоненте, это работает частично, так как есть задержка в обновлении информации, я должен написать двойное значение цены и количество, чтобы увидеть результат. В чем причина так....
14 Сен 2020 в 05:30
У меня есть следующий компонент: -
import React, { useState, useEffect } from "react"
import Card from "./Card"
import joker from "../../assets/joker.png"
import goalie from "../../assets/goalie.png"
import defender from "../../assets/defender.png"
import midfielder from "../../assets/midfielder.pn....
13 Сен 2020 в 22:14
Я изучаю React.js через видео на Udemy, и я застрял при отправке свойства при вызове компонента. Я не вижу ничего плохого в своем коде, так как у инструктора на видео тот же код, и он работает для него. Я вызываю компонент из файла JS react-router-dom.
Router.js
import React, {Component} from 'react....
13 Сен 2020 в 21:29
Я пытаюсь установить аутентификацию firebase. У меня две составляющие. Первый - это приложение здесь с firebase.auth (). CurrentUser. Я проверяю, есть ли зарегистрированный пользователь, и после этого я визуализирую страницу, если такой пользователь есть, если нет, я визуализирую страницу входа. Вто....
13 Сен 2020 в 21:05
Я пытаюсь справиться с некоторым рейтингом в соответствии с некоторыми данными из api. Проблема в том, что я создал массив звезд, и ничего не отображается. Если я консолью .log внутри fetchMovieDetails, я вижу, что есть данные. Что мне не хватает? Я даже пробовал var stars = useState([]), но результ....
13 Сен 2020 в 19:23
У меня очень простая проблема с увеличением и уменьшением значения в моем TextField. Я использую Formik и Material UI в React. Пожалуйста, посмотрите эту ссылку на коды и ящик
КЛИКНИТЕ СЮДА
<TableCell>
{" "}
<TextField
variant="outlined"
fullWidth
type="number"
name={`data.${idx}.r....
13 Сен 2020 в 15:41
Я хочу создать программу о покемонах с использованием pokeApi, у которой есть панель навигации с двумя кнопками: PokemonList и TypeList.
Вот мой App.js:
import React from "react";
import "./App.css";
import NavBar from "./components/Navbar";
import PokemonList from "./components/PokemonList";
class....
13 Сен 2020 в 14:41
Я пытаюсь обновить каждый элемент в массиве с помощью цикла for
Когда вы нажимаете кнопку «добавить все», он должен начать обновлять каждый элемент массива.
Обновление должно происходить одно за другим и должно отображаться в пользовательском интерфейсе.
Массив хранится в хуке useState
Однако массив....
13 Сен 2020 в 13:39
Я пытаюсь создать свой веб-сайт с помощью React. Я понял, что рекомендуется называть функциональные компоненты с заглавной буквы, но имя презентационных компонентов должно начинаться со строчной буквы. Я стараюсь следовать этому правилу, но когда я импортирую любую ловушку для презентационного компо....
13 Сен 2020 в 13:21