Вопросы с меткой [mobx]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
43 показа
+50

Как делать регидрацию при использовании nextjs и mobx?

Не понимаю почему на next 13 версии, react-dom 18, react 18, useEffect срабатывает не при первом рендере. Приходится писать костыли в виде хука useIsFirstRender, для того что бы это работало: export ...
0 голосов
0 ответов
6 показов

React + Mobx: как второй компонент-наблюдатель может понять (до вызова render), что первый компонент изменил наблюдаемые данные?

у меня есть два компонента: ComponentDataManager, который на основании выбора пользователя (нажатие кнопок) формирует древовидные данные ComponentDataViewer, который отображает древовидные данные на ...
  • 36.5k
0 голосов
1 ответ
21 показ

Почему ругается Mobx а контент не выводиться?

/-----------------"Это store"--------------------------/ import { runInAction, makeAutoObservable } from "mobx"; import { getComics } from "../Api/comics/comics"; import {...
0 голосов
1 ответ
14 показов

React JS Mui ui Проблемма с передачей значения в Autocomplete

<Autocomplete multiple id="tags-standard" options={labels2} getOptionLabel={(option) => option.marketplaceType} value={labels} onChange={...
0 голосов
0 ответов
12 показов

POST 404 при добавлении товара

Есть форма добавления товара. Есть функция добавления - addDevice При отправке получаю 404. В чем может быть дело? Код: import React, {useContext, useEffect, useState} from 'react'; import Modal ...
1 голос
1 ответ
32 показа

TypeError: info is not iterable

Есть некая функция и к ней привязана кнопка, при нажатии на которую добавляются инпуты. При нажатии кнопки выводится такая ошибка: Код const CreateDevice = ({show, onHide}) => { const {device} = ...
0 голосов
0 ответов
20 показов

Проблема медленных модулей

Используемые библиотеки: mobx и tsyringe Проблема В моём приложении есть два модуля ThemeService и StorageService. ThemeService просто хранит текущую тему приложения и пару методов. А StorageService ...
  • 321
0 голосов
1 ответ
24 показа

Не рендерится массив из MobxStore

Всем привет, использую "mobx": "^6.3.3", и"react": "^18.2.0",. Есть стор: projectList: Project[] = []; constructor() { makeAutoObservable(this); } ...
0 голосов
1 ответ
34 показа

react многостраничное приложение с сохранением состояния при помощи mobx

только начинаю разбираться с mobx и у меня возник вопрос, можно ли каким-то образом сохранять состояние классов, которые мы создали при помощи функции makeAutoObservable().
2 голоса
1 ответ
50 показов

Как сделать активным элемент по клику в списке?

У меня есть конструктор класса device. И мне нужно отрендерить его types в отдельном компоненте. import { makeAutoObservable } from 'mobx' export default class DeviceStorage { constructor() { ...
0 голосов
0 ответов
131 показ

Компонент mobx не перерисовывается при вызове функции get

Компонент mobx не перерисовывается Я хочу сделать, если я меняю значения, то компонент Testcomponen перерисовывается, но этого не происходит вот так выглядит мой store import { makeObservable, ...
0 голосов
1 ответ
44 показа

Почему mobx не обновляет value у динамических input?

Input успешно записывает данные в mobx При удалении input, mobx успешно удаляет данные. Но почему value у оставшихся input остается прежним? Пример. Ожидается value 3, но он остается 1 Песочница с ...
  • 327
0 голосов
0 ответов
66 показов

axios interceptors refresh expired

есть довольно стандартный interceptors для обновления токена, function Logout() { const {user} = useContext(Context); user.setIsAut(false) } $authHost.interceptors.response.use((config) => { ...
  • 511
0 голосов
1 ответ
17 показов

push в mobx зацикливается в геометрическое прогрессии

Получение данных растёт в геометрической прогрессии, получаю данные и хочу их записать в массив, но когда нажимаю на кнопку в первый раз добавляется 200 данных если второй раз нажать, то 800, хотя ...
  • 361
0 голосов
0 ответов
29 показов

TypeError: json is not iterable MOBX

Получаю json с сервера, но не понимаю как его можно записать в массив объектов? Всегда получаю ошибку, TypeError: json is not iterable import { makeAutoObservable, makeObservable } from "mobx&...
  • 361
0 голосов
0 ответов
97 показов

React & Mobx: отрисовывать (через render()) @observable данные, которые будут получены позже отрисовки указанного компонента

Подскажите как решить следующую проблему: Есть компонент, который выводит некоторый счётчик @observer class MyComponent extends React.Component { render() { const data: MyData = new ...
  • 36.5k
0 голосов
1 ответ
178 показов

Асинхронный запрос mobx с разным временем выполнения

Использую mobx react У меня есть фильтр, который при изменении запрашивает что-то подобное из mobx export class OrdersStore { orderList: IOrder[] = []; isLoadingOrdersList = false; constructor()...
1 голос
1 ответ
58 показов

Typescript+mobx

Друзья, привет. Заткнулся на одном моменте и не могу его решить. Код почистил для демонстрации от всего лишнего. Есть стор с методом "changeChartData". Этот метод принимает некоторую дату и ...
1 голос
0 ответов
55 показов

mobx-state-tree Какой тип использовать, чтобы хранить картинку

В typescript пользовался ReturnType но в MST нужно либо создать кастомный тип либо что-то еще. В документации не нашел ничего кроме кастомного типа, но не понимаю как его написать
1 голос
0 ответов
47 показов

Как передать в render данные которые уже загрузились

Мне поступила задача создать новый компонент, что бы он рендерил данные которые пришли мне с бэка Характеристики компа пользователя Я реализовал функцию load которая получает get запросом данные, ...
  • 11
1 голос
0 ответов
114 показов

React MobX: Out of bounds read: 0

Все с наступившим Новым годом! Столкнулся со следующим вопросом, имею код со следующей структурой: время от времени сталкиваюсь с ошибкой в консоли [mobx] Out of bounds read: 0 в связи с чем таблица ...
  • 511
3 голоса
1 ответ
105 показов

в компоненте не отображает актуальный стейт стора (Mobx) при двойной деструктуризации

Есть стор mobx, представленный в виде класса, у него есть метод запроса данных через REST API На UI - нажатие на кнопку вызывает данный метод и устанавливает флаг загрузки (loadingTestRun) на true, ...
  • 41
0 голосов
1 ответ
94 показа

Как вытянуть JWT токен из Auth0 в состояние Mobx без применения хуков (React)

Приложение разрабатывается на React + Mobx следуя паттерну Model-View-Controller. Хуки используются, но для утилитарных задач представления: не хотелось бы писать код сомнительного качества, который ...
0 голосов
1 ответ
1k показов

Почему перезагрузка страницы возвращает меня в роут по адресу "/"?

Вот так выглядит компонент App в моем приложении. const App = observer(props => { return ( <Router > <div className="App"> <Switch> ...
0 голосов
0 ответов
17 показов

React, mobx. Не работает mobx с другими библиотеками

Вот пример кода export default withSnackbar(withStyles(styles)(observer(withTranslation()(PushForm)))); Тут mobx не работает. А без withTranslation он работает withSnackbar(withStyles(styles)(...
0 голосов
0 ответов
67 показов

При копировании массива, добавляются undefined элементы

Работаю с React и MobX. Есть метод в классе для обновления состояния (updateColumns). Когда в переменную состояния (columns) копирую новый массив(newColumns), в нем появляется два undefined элемента. ...
  • 11
1 голос
1 ответ
381 показ

Почему не срабатывает observer в MobX

Я новичок в программировании (с Нового года). Если не считать, что 30 с лишним лет назад делал лабы на ЕС на Фортране. Так что прошу извинить, но все, что мог, просмотрел, и, вроде, все делаю ...
  • 35
1 голос
0 ответов
274 показа

mobx: отслеживать изменение данных в хранилище

у меня есть хранилище данных store в которые мой компонент (react) вносит данные у компонента есть кнопка apply, которую хотелось бы делать активной, только когда внесенные данные корректны, т.е. ...
  • 36.5k
0 голосов
1 ответ
869 показов

react: Правильная организация хранения глобальных данных, используемых несколькими компонентами

Подскажите как правильно построить архитектуру сайта на react с использованием mobx для следующей задачи: есть несколько моих компонент (выпадающие списки и т.п.), которые заполняются на основании ...
  • 36.5k
1 голос
0 ответов
129 показов

React+MobX, Не происходит перерисовка

Всем доброго времени суток, такая проблема возникла, не могу понять почему не происходит перерисовка компонента. До этого была обычная функция, которая сробатывала по нажатию и меняла значение ...
1 голос
1 ответ
76 показов

TypeError: Cannot read property 'tasks' of undefined

Пытаюсь реализовать TodoList с помощью mobx 6 без декораторов. Описал класс TodoStore. Но при активации метода addTodo мне выдает ошибку: TypeError: Cannot read property 'tasks' of undefined. Не ...
  • 61
0 голосов
0 ответов
49 показов

в mobx при каждом добавлении элементов в объект, UI реагирует все медленнее и медленнее

использую mobx, abstract class InstStateStore with Store { InstStateStore({@required this.objectModel, @required this.cursor}); @observable ObjectModel objectModel; @observable Cursor ...
1 голос
1 ответ
2k показов

Как получить ширину React компонентов

Подскажите - как я могу получить ширину g и text компонентов, чтобы потом на основе их значений вычислить нужный мне угол поворота для rotate. const CustomizedAxisTock: React.FunctionComponent<...
1 голос
0 ответов
229 показов

React + mobx , не работает обновление значений

уже всю голову сломал, почему может не работать обновление значений на странице. Observer добавил. Вот код представления import React from 'react'; import './index.css' import store from '../../store' ...
0 голосов
1 ответ
357 показов

Mobx: вызов метода класса при изменении отслеживаемого объекта

Подскажите, можно ли и если можно, то как реализовать следующее: С помощью MobX вызывать метод класса при изменении отслеживаемого объекта (например, члена класса), т.е. чтобы когда изменялась какая-...
  • 36.5k
0 голосов
1 ответ
68 показов

React & MobX: доступ к дочерним компонентам из родителя для получения данных

Подскажите как корректнее реализовать следующую идею: У меня есть мои компоненты, написанные на React, отвечающие за получение от пользователя разнообразных данных (подготовленные списки и т.д.) типа &...
  • 36.5k
0 голосов
1 ответ
31 показ

Почему mobx выдает ошибку Reaction[observerobserved]?

Всем привет,прошу помощи! Получаю ошибку Использую mobx+mobx-state-tree + react + socket.io Впервые пишу чат. Суть первой ошибки мне вообще не ясна,нигде описания не нарыл.. А вот вторая ошибка очень ...
  • 31
0 голосов
1 ответ
66 показов

MobX actions, computed и observable в отдельных файлах - это возможно?

Есть ли возможность вынести @action, @computed и @observable сущности, из mobx store, в отдельные файлы, без sms и регистрации костылей?
2 голоса
0 ответов
38 показов

Как сохранить очередь в mobx-state-tree, при использовании flow

Делается запрос в flow(), и сразу же после него еще один, первый запрос исполняется быстрее, и отображаются невалидные данные, что с этим можно сделать?
  • 21
0 голосов
1 ответ
74 показа

React хуки - общая модель взаимодействия компонентов

Пытаюсь переписать приложение React + mobx с использованием хуков + mobx-react-lite. Поделитесь опытом, как должна выглядеть модель взаимодействия компонентов между собой на примере следующей простой ...
  • 1,748
0 голосов
0 ответов
36 показов

Меняю значение в Store но render() не вызывается

Проект на ReactJS + Mobx; При создании экземпляра своего класса передаю в конструктор ссылку на observable массив из Store; Затем в асинхронной функции моего класса Записываю новое значение в ...
  • 1,748
0 голосов
1 ответ
39 показов

не могу отсортировать массив для вывода категорий

есть некий массив items мне надо его отфильтровать по категориям , как сделать через цикл for или items.filter, я пробовал( index используется в React.Component onClick={() =>{productModel....
0 голосов
1 ответ
138 показов

Как компонент, обернутый в @observer, узнаёт, за какими свойствами следить?

Разбираюсь, как mobx работает внутри. Интересует, как компонент узнаёт, что следить нужно за свойством store.test, и реагирует на изменения? import React, { Component } from 'react'; import { ...
0 голосов
1 ответ
28 показов

Не рендерит обновление количества

render() { return( <div onClick={()=>{ this.props.store.count = this.props.store.count+1 console.log(this.props.store.count) }}> {this.props.store....
  • 3
0 голосов
1 ответ
114 показов

Почему в React + Mobx не работает ручное обновление страницы?

Запустил на webpack-dev-server приложение. Все работает кроме ручного обновления страницы. Пишет : Cannot GET /articles
  • 1
1 голос
0 ответов
57 показов

Как сделать наблюдаемыми геттеры объекта, который в массиве

Делаю следующее: MyClass:{ val1: (...) val2: (...) get val1: ƒ () set val1: ƒ (x) get val2: ƒ () set val2: ƒ (x) } @observable x = []; const a = new MyClass(); @action add = () => this.x....
0 голосов
1 ответ
478 показов

Как изменить значение в observable массиве?

Есть наблюдаемый массив объектов в сторе: let example = observable([{b:100},{b:200,c:"abc"}]) Использую mobx5. Для того, чтобы отрендерить компонент приходится прогонять массив через toJS(), и из-...
0 голосов
1 ответ
415 показов

Не расспознается @ при использовании react

Подключил npm-пакет mobx-react и при запуске выкидывает такую ошибку Syntax error: C:/..../index.jsx: Unexpected token (4:0)
  • 571
0 голосов
2 ответа
660 показов

Как правильно прокинуть props в дочетний компонент

У меня есть Store, App и компонент, который генерирует PDF-документ на основании данных, которые я вытаскиваю из API сервиса Проблема появляется, когда данные поступают в компонент, вылетает ошибка: ...
0 голосов
2 ответа
140 показов

Не видит массив в store

Пытаюсь прикрутить MobX и столкнулся с проблемой: вылетает ошибка, мол массива, который я хочу обработать - его нет, хотя он очень даже есть. Вот код: Topvisor.js (path: src/components/Topvisor/...