Вопросы с меткой [mobx]
Руководство по использованию метки mobx отсутствует.
59
вопросов
0
голосов
0
ответов
43
показа
+50
Как делать регидрацию при использовании nextjs и mobx?
Не понимаю почему на next 13 версии, react-dom 18, react 18, useEffect срабатывает не при первом рендере.
Приходится писать костыли в виде хука useIsFirstRender, для того что бы это работало:
export ...
0
голосов
0
ответов
6
показов
React + Mobx: как второй компонент-наблюдатель может понять (до вызова render), что первый компонент изменил наблюдаемые данные?
у меня есть два компонента:
ComponentDataManager, который на основании выбора пользователя (нажатие кнопок) формирует древовидные данные
ComponentDataViewer, который отображает древовидные данные на ...
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 ...
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
Песочница с ...
0
голосов
0
ответов
66
показов
axios interceptors refresh expired
есть довольно стандартный interceptors для обновления токена,
function Logout() {
const {user} = useContext(Context);
user.setIsAut(false)
}
$authHost.interceptors.response.use((config) => {
...
0
голосов
1
ответ
17
показов
push в mobx зацикливается в геометрическое прогрессии
Получение данных растёт в геометрической прогрессии, получаю данные и хочу их записать в массив, но когда нажимаю на кнопку в первый раз добавляется 200 данных если второй раз нажать, то 800, хотя ...
0
голосов
0
ответов
29
показов
TypeError: json is not iterable MOBX
Получаю json с сервера, но не понимаю как его можно записать в массив объектов? Всегда получаю ошибку, TypeError: json is not iterable
import { makeAutoObservable, makeObservable } from "mobx&...
0
голосов
0
ответов
97
показов
React & Mobx: отрисовывать (через render()) @observable данные, которые будут получены позже отрисовки указанного компонента
Подскажите как решить следующую проблему:
Есть компонент, который выводит некоторый счётчик
@observer class MyComponent extends React.Component {
render() {
const data: MyData = new ...
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 запросом данные, ...
1
голос
0
ответов
114
показов
React MobX: Out of bounds read: 0
Все с наступившим Новым годом!
Столкнулся со следующим вопросом, имею код со следующей структурой:
время от времени сталкиваюсь с ошибкой в консоли [mobx] Out of bounds read: 0 в связи с чем таблица ...
3
голоса
1
ответ
105
показов
в компоненте не отображает актуальный стейт стора (Mobx) при двойной деструктуризации
Есть стор mobx, представленный в виде класса, у него есть метод запроса данных через REST API
На UI - нажатие на кнопку вызывает данный метод и устанавливает флаг загрузки (loadingTestRun) на true, ...
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 элемента. ...
1
голос
1
ответ
381
показ
Почему не срабатывает observer в MobX
Я новичок в программировании (с Нового года). Если не считать, что 30 с лишним лет назад делал лабы на ЕС на Фортране. Так что прошу извинить, но все, что мог, просмотрел, и, вроде, все делаю ...
1
голос
0
ответов
274
показа
mobx: отслеживать изменение данных в хранилище
у меня есть хранилище данных store в которые мой компонент (react) вносит данные
у компонента есть кнопка apply, которую хотелось бы делать активной, только когда внесенные данные корректны, т.е.
...
0
голосов
1
ответ
869
показов
react: Правильная организация хранения глобальных данных, используемых несколькими компонентами
Подскажите как правильно построить архитектуру сайта на react с использованием mobx для следующей задачи:
есть несколько моих компонент (выпадающие списки и т.п.), которые заполняются на основании ...
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. Не ...
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 вызывать метод класса при изменении отслеживаемого объекта (например, члена класса), т.е. чтобы когда изменялась какая-...
0
голосов
1
ответ
68
показов
React & MobX: доступ к дочерним компонентам из родителя для получения данных
Подскажите как корректнее реализовать следующую идею:
У меня есть мои компоненты, написанные на React, отвечающие за получение от пользователя разнообразных данных (подготовленные списки и т.д.) типа
&...
0
голосов
1
ответ
31
показ
Почему mobx выдает ошибку Reaction[observerobserved]?
Всем привет,прошу помощи!
Получаю ошибку
Использую mobx+mobx-state-tree + react + socket.io
Впервые пишу чат.
Суть первой ошибки мне вообще не ясна,нигде описания не нарыл..
А вот вторая ошибка очень ...
0
голосов
1
ответ
66
показов
MobX actions, computed и observable в отдельных файлах - это возможно?
Есть ли возможность вынести @action, @computed и @observable сущности, из mobx store, в отдельные файлы, без sms и регистрации костылей?
2
голоса
0
ответов
38
показов
Как сохранить очередь в mobx-state-tree, при использовании flow
Делается запрос в flow(), и сразу же после него еще один, первый запрос исполняется быстрее, и отображаются невалидные данные, что с этим можно сделать?
0
голосов
1
ответ
74
показа
React хуки - общая модель взаимодействия компонентов
Пытаюсь переписать приложение React + mobx с использованием хуков + mobx-react-lite. Поделитесь опытом, как должна выглядеть модель взаимодействия компонентов между собой на примере следующей простой ...
0
голосов
0
ответов
36
показов
Меняю значение в Store но render() не вызывается
Проект на ReactJS + Mobx; При создании экземпляра своего класса передаю в конструктор ссылку на observable массив из Store; Затем в асинхронной функции моего класса Записываю новое значение в ...
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....
0
голосов
1
ответ
114
показов
Почему в React + Mobx не работает ручное обновление страницы?
Запустил на webpack-dev-server приложение.
Все работает кроме ручного обновления страницы.
Пишет : Cannot GET /articles
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)
0
голосов
2
ответа
660
показов
Как правильно прокинуть props в дочетний компонент
У меня есть Store, App и компонент, который генерирует PDF-документ на основании данных, которые я вытаскиваю из API сервиса
Проблема появляется, когда данные поступают в компонент, вылетает ошибка:
...
0
голосов
2
ответа
140
показов
Не видит массив в store
Пытаюсь прикрутить MobX и столкнулся с проблемой: вылетает ошибка, мол массива, который я хочу обработать - его нет, хотя он очень даже есть.
Вот код:
Topvisor.js (path: src/components/Topvisor/...