Вопросы с меткой [reactjs]
Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.
1,569 вопросов
0
голосов
0ответов
30 показов
Ошибка 0 () при передаче с сервера json-объекта
Использую связку Flask+React. Имеется запрос на сервер, который должен возвращать json-объект (информация о структуре графа) для отрисовки во фронтенде (с помощью Cytoscape.js).
У меня прописан ...
0
голосов
0ответов
29 показов
Как в React добавить версию к файлу или хэш?
Дорабатываю React-приложение, выкатываю на продакшен, а обновления не подтягиваются. Видимо браузер все кэширует. Как сделать так, чтобы при добавлении обновлений новые js-файлы заново подтягивались.
...
0
голосов
0ответов
28 показов
ReacJs не работает сетка bootstrap
Через npm подключил bootstrap к проекту. В index.js подключил css файлы
import "bootstrap/dist/css/bootstrap.css"
import "bootstrap/dist/css/bootstrap-grid.css"
Стили все работают, а ...
0
голосов
0ответов
10 показов
Почему новый проект с React Hooks не работает на OS X?
Возможно, вопрос глупый, но решения я не нашел. Недавно перешел на мак и столкнулся со странной проблемой - React хуки в новых проектах не работают. useState, useEffect, useContext - not a function. ...
0
голосов
0ответов
30 показов
Странное поведение React компилятора
Делаю проект на ReactJS. Поставил модуль reactstrap для элементов из bootstrap4.
У меня есть табы из reactstrap:
<div className="modal-body">
<Nav pills justified>
...
0
голосов
1ответ
26 показов
Как в React отменить отправку формы? [закрыт]
Сделал форму на React пытаюсь получить из нее данные, ставлю на функцию в событии onSubmit e.preventDefault и страничка один фиг перезагружается. Что я делаю не правильно? Попробовал сделать простую ...
2
голоса
2ответа
29 показов
Связать checkbox и элемент списка li ReactJs
Пытаюсь повторить вот этот todo проект: введите сюда описание ссылки
Как можно ГРАМОТНО связать заметку вместе с radio-button, чтобы когда я на него нажимал заметка зачеркивалась. Подскажите react-...
0
голосов
1ответ
34 показа
Модальное окно в map() react js
помогите, пожалуйста. я не понимаю как мне открывать модальное окно, с элементами.
Есть массив, который генерит в компоненте разное количество элементов (от 4х и до 10) и для каждого должно быть ...
2
голоса
1ответ
43 показа
Анимация перехода на другую страницу React
Пытаюсь сделать анимацию перехода на другую страницу следующим образом: Для начала я обернул в HashRouter мой контейнер, который меняется при смене адреса.Далее я создал компонент второй страницы, для ...
0
голосов
1ответ
58 показов
Cannot read property 'find' of undefined, dexie async await
Проблема возникает из-за того, что получение данных из бд происходит медленно, без async\await получается, что чтение из бд слишком медленное.
В componentWillMount() вылезает ошибка Cannot read ...
2
голоса
3ответа
34 показа
Ошибка с ReactDOM.render()
Делая простое приложение, при запуске выдает ошибку Target container is not a DOM element. В чем моя проблема?
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } ...
1
голос
2ответа
25 показов
не отображаются props
Задача: Есть select в option вывожу через map наименования(name) из объекта и меняю действующий state. После выбора option хочу вывести выбранный Option на экран(<p>{this.props.valueSelect}</...
2
голоса
1ответ
31 показ
Почему не видны иконки с SVG спрайта в FireFox?
Добавляю иконки в верстку при помощи SVG спрайтов, иконка отображается в Opera, Chrome, но не отображается в FireFox
Скриншот с FireFox:
Скриншот с Chrome:
Код с помощью которого я добавляю иконку:...
0
голосов
1ответ
31 показ
Cannot read property 'map' of undefined. Ошибка: пустой массив
Знаю такой вопрос уже есть в англоязычной stackoverflow.. Но мне не помогло ответ.. Думаю, ошибка в получение данных от сервера.. Я сделал эту же вопрос(с этим кодом) на другой сервер(https://hn....
2
голоса
1ответ
21 показ
onMouseEnter и тачпад
Дело в том что на блоке стоит обработчик onMouseEnter
<div class="block" onMouseEnter={open}>
<div class="list">
</div>
</div>
Логичное поведение, это то что когда ...
2
голоса
1ответ
26 показов
Генерируются точки на графике CanvasJS, как их потом убрать?
У меня есть алгоритм который генерирует точки от центра во все стороны (CanvasJS + React). Подскажите пожалуйста, как их можно потом убрать в таком же порядке как они и появлялись на графике?
for (...
1
голос
1ответ
82 показа
Не обновляется Field в Redux-form
Вот такой код:
components/Component.jsx
import React from 'react';
import EventCalendarModal from './EventCalendarModal';
export default ({data: { eventList, matchesList }, handleAdd, handleRemove, ...
0
голосов
0ответов
18 показов
добавление класса выбранному элементу [дубликат]
Как добавлять и удалять класс, когда нажимаю на элемент?
<a href="/" onClick={this.showAllBook.bind(this)}>All Book</a>
и на нем висит обработчик
showAllBook(event) {
event....
2
голоса
2ответа
50 показов
Как получить this.props в конструкторе?
Как я могу применить this.props внутри конструктора?
import React from 'react';
import Electron from '../Electron'
class Arbital extends React.Component {
constructor() {
super();
...
3
голоса
2ответа
50 показов
Как ввести в react-input значение вместо пользователя
Не получается заставить реакт считать, что пользователь ввёл в input некое значение.
Запускать собираюсь из консоли браузера.
class App extends React.Component {
constructor(props) {
...
0
голосов
0ответов
17 показов
Devextreme react datagrid Sorting Maximum call stack size exceeded in extend.js
Для создания робочего инструмента я использую: https://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxDataGrid/
с реакт оберткой для него:
https://github.com/DevExpress/devextreme-react
...
2
голоса
1ответ
36 показов
Вывод в столбец js
Столкнуля с следующей проблемы:
Есть файл json следующего вида:
"type": "Mazda (с 2012-05-05)\n" +
"Opel (с 2012-05-05)\n" +
"Jaguar (с 2012-11-07)\n",
Кроме этих трех будет n-ое ...
1
голос
1ответ
48 показов
Как подключить bootstrap datapicker в React приложение?
Накидал страничку приложения на Bootstrap, подключаю DatePicker сначала ругается, что не знает, что такое $. Установил jQuery, импортировал. Потом ругается, что не знает, что такое DataTimePicker, ...
0
голосов
0ответов
18 показов
filter() es5 react js
как я могу отфильтровать массив от большему к меньшему?
Есть многомерный массив и его надо отфильтровать от большего к меньшему, по определенному параметру 'Popular'. данные в popular: 5 => идут в ...
1
голос
1ответ
28 показов
Как проверить некое условие в Object.keys(obj).map?
Есть Json с данными
{
"food": {
"food1": {
"id": 1,
"name": "Каша",
"qty": "3"
} ,
"food2": {
"id": 2,
"name": ...
0
голосов
0ответов
29 показов
Как правильно осуществить идею?
Есть такая задача, есть несколько страниц сайта, к ним подключили nodejs и mongobd, нужно что бы пользователь отвечал на вопросы на сайте (ссылки в виде картинок), затем на последней странице ему ...
1
голос
1ответ
24 показа
Как правильно использовать React-router в моем случаи?
Такая ситуация: Есть главная страница index.html, на ней вообще не используется React, на главной странице есть ссылка на страницу на которой используется React.
Мне нужно вывести мое приложение на ...
0
голосов
0ответов
16 показов
Как запустить React приложение на другой странице? [дубликат]
Пишу приложение на React.js, само приложение должно отображаться не на главной странице, т.е. не на index.html. Разворачивал проект при помощи create-react-app, как мне сделать так, что бы мое ...
1
голос
0ответов
18 показов
Как сделать наблюдаемыми геттеры объекта, который в массиве
Делаю следующее:
MyClass:{
val1: (...)
val2: (...)
get val1: ƒ ()
set val1: ƒ (x)
get val2: ƒ ()
set val2: ƒ (x)
}
@observable x = [];
const a = new MyClass();
@action add = () => this.x....
0
голосов
0ответов
21 показ
Изображение в массиве
Как мне передать картинку через массив?
Имеется массив
Const LocalStorage = [
{
Id: 1,
Name: "one"
…
}
…
]
Мне надо добавить в него картинку, которая хранится в папке images
То,что я сейчас делаю, ...
2
голоса
1ответ
30 показов
Получить статус запроса ReactJS
Получаю ответ от API OpenWeatherMap. Каким образом можно было бы получить код ответа и в зависимости от него отобразить контент? К примеру, если статус 404 то вывести ...
0
голосов
0ответов
15 показов
Android geofencing: Reactnative vs Ionic vs NativeScript?
Задача:
Android-приложение для курьеров, которые по приходу на свой объект, будут помечать свое прибытие, далее идет трекинг их передвижения в фоне (геофенсинг) и как раз за время и пройденное ...
1
голос
1ответ
71 показ
ReactJS - массив и его модификация через props
Не понимаю как сделать сортировку книг. В родительском блоке создал массив со всеми данными книгами, а дальше не понимаю как по нажатию на кнопки (всего их 4 и каждая модифицирует массив по своему: ...
0
голосов
1ответ
15 показов
как подписать apk через React Expo
Установил npm install -g expo-cli
Далее сформировал ключ expo fetch:android:keystore
Потом с генерировал Apk expo build:android -c
выбрал 2 вариант с подписью записал
Key alias
Keystore ...
1
голос
1ответ
49 показов
Создание массива в чаилд компоненте
Мне в child компоненте по методу onClick надо модифицировать массив, который будет передаваться в родитель, а из родителя уже в другой child компонент.
0
голосов
0ответов
23 показа
Как изменить состояние глобального компонента из onClick с помощью react context
Приложение обернуто в компонент AppProvaider
ReactDOM.render((
<BrowserRouter>
<AppProvider>
<App />
</AppProvider>
</BrowserRouter>
), document....
1
голос
1ответ
62 показа
Gmail API with React
Пытаюсь построить приложение используя gmail api на react. Для авторизации использую библиотеку "react-google-login",
export default class App extends Component {
service = new Service();
...
0
голосов
1ответ
19 показов
Странное поведение условий if в reactjs render
Пытаюсь отображать блок по условию, а в результате у меня console.log срабатывает и в одном и в другом случае. Как такое возможно?
Использую ReactJs 16 + Redux.
const cntUpFiles = this.props.uploads....
0
голосов
2ответа
12 показов
Как правильно взаимодействовать с данными в Redux?
Как я понял action используется исключительно для передачи названия действия, на который реагирует редьюсер производящий исключительно пересоздание стора.
А каким образом и самое главное где можно ...
-2
голоса
1ответ
112 показов
Как сделать зависимость ширины родителя от абсолютно позиционированных вложенных элементов?
Есть position: relative родительский элемент, размер которого должен быть равен размеру вложенного в него дочернего position: absolute элемента.
Ширины должны варьироваться в зависимости от размера ...
1
голос
1ответ
36 показов
Как в React вызвать обновление страницы?
Имеется кусок кода на реакте. Там где звёздочки проблема. Состояние кнопки обновляется только при обновлении страницы. setState не совсем подходит, т.к. из мапы видно, что если использовать setState ...
0
голосов
0ответов
24 показа
деплой node.js на heroku (ошибка Procfile)
Всем привет. Пытаюсь выгрузить свое MERN приложение на heroku сервер, но из за ошибки Procfile получается невалидное приложение которое не отображается на сайте.
Procfile
web : yarn --require '...
0
голосов
0ответов
15 показов
ReactJS. Tic-tac-toe крестики-нолики (по следам tutorial) для двух игроков online
После изучения https://reactjs.org/tutorial/tutorial.html по react'у, для закрепления материала хочу понять как можно реализовать это для реальной игры в online между двумя игроками.
Пара вопроса, ...
0
голосов
1ответ
14 показов
Как правильно использовать редьюсеры в redux
Вот редьюсер через который я перезаписываю стор:
export default function reducer(state, action) {
if (action.type === 'ADD_TASK') {
let newTask = new TaskItem();
let output = {
data: {...
0
голосов
0ответов
19 показов
Стилизация импортированных react-native компонентов
Как стилизовать импортированные react-native компоненты?
Не удается стилизовать компонент Home
<View style={styles.container}>
<Text style={{fontSize: 20}}>text</Text>
&...
0
голосов
1ответ
35 показов
react-datepicker как выставить диапазон с одним пикером?
В соответствии с документацией, выставить диапазон можно только используя два datePicker'а. Делается это с помощью пропсов startDate и endDate, которые меняются в соответствующих методах ...
0
голосов
1ответ
18 показов
Resource interpreted as Stylesheet but transferred with MIME type text/html
У меня есть реакт проект
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>React App</title>
<link rel="stylesheet" ...
0
голосов
1ответ
27 показов
Как изменить значение в observable массиве?
Есть наблюдаемый массив объектов в сторе:
let example = observable([{b:100},{b:200,c:"abc"}])
Использую mobx5. Для того, чтобы отрендерить компонент приходится прогонять массив через toJS(), и из-...
0
голосов
1ответ
18 показов
Как сохранять состояние при обновлении страницы?
имеется состоянии у компонента примерно такое:
this.state= {
auth: false
}
а дальше рендеринг, который зависит от состояния:
render(){
return (this.state.auth ? <Table/> : <Auth />...
0
голосов
1ответ
45 показов
Ошибка при попытке выполнить map в React
Мне нужно получить с интернета данные, с этим я разобрался - получаю, и сразу же добавляю их в состояние компонента
получаю примерное это:
[object Object], [object Object], [object Object], [...