Публикации по теме 'mobx-react'
Реагировать на хуки + MobX TodoList
Сегодня мы собираемся написать простой список дел с помощью React Hooks и MobX.
Я дам краткое введение в эти библиотеки для людей, которые с ними не знакомы. Если вы это уже знаете, можете пропустить этот раздел.
Реагировать
Библиотека JavaScript для создания пользовательских интерфейсов, представленная Facebook в 2013 году и используемая для создания пользовательского интерфейса для веб-приложений. В отличие от Angular и Vue, React не является фреймворком и предоставляет только..
Простое руководство по Mobx - практические примеры
В этом посте мы рассмотрим основные концепции mobx на готовых примерах.
Введение. Mobx - это простая, хорошо протестированная библиотека с управлением состоянием, которая делает компоненты реактивными. Это на удивление быстро и последовательно. С Mobx вы можете создать несколько магазинов в вашем проекте.
Основные концепции Mobx:
Наблюдаемые состояния Вычисленные значения на основе наблюдаемых состояний Реакции
Давайте начнем . . .
Наблюдаемый:
Функция..
Вопросы по теме 'mobx-react'
Метод рендеринга не запускается при обновлении наблюдаемого массива
Загрузка данных с помощью метода выборки в классе Repo в порядке, но я не смог передать этот компонент, на самом деле я ожидаю, что он повторно отобразит компонент наблюдателя, но этого не происходит. Они здесь;
MenuComponent.tsx:
@observer...
344 просмотров
schedule
21.11.2022
MobX не будет обращаться к значению массива
Я как бы потерялся с массивами в MobX,
Я пытаюсь получить доступ к значениям массивов и что-то с ними сделать, но это очень странно.
Например :
console.log('arr arr', this.props.arr) // ["test1, "test2", "test3"]
console.log('arr arr',...
96 просмотров
schedule
20.06.2022
Состояние потери Mobx, когда дочерний компонент вызывает метод (функцию) в родительском компоненте (демонстрация jsFiddle)
Любая помощь высоко ценится:
Mobx, похоже, теряет состояние между дочерними и родительскими компонентами.
Я сделал демонстрацию Fiddle ниже. Включает комментарии и вывод для ясности.
(Текущие версии React, Mobx и Mobx-React)
Спасибо....
430 просмотров
schedule
12.07.2023
Почему этот наблюдатель mobx-react не запускает рендеринг?
Обратите внимание: я использую Typescript.
В моем магазине у меня есть поле, указанное так:
@observable public characters: {[name: string] : Types.Character} = {};
Типы. Характер определяется:
export class Character {
name: string;...
931 просмотров
schedule
27.05.2023
Как лучше всего создать единый магазин MobX для приложения?
Я использую MobX и Redux около 6 месяцев. Я обнаружил, что предпочитаю простоту MobX для большинства приложений. Тем не менее, мне нравится концепция единого магазина Redux. Я слышал, как другие комментируют, что они создают единую историю с MobX,...
3539 просмотров
schedule
27.12.2022
Как проверить, находится ли объект в наблюдаемом массиве Mobx?
Я использую indexOf в компоненте React для стилизации кнопки в зависимости от того, находится ли объект в наблюдаемом массиве mobx.
Кнопка предназначена для добавления в избранное. Он помещает объект для этого конкретного элемента списка в...
3819 просмотров
schedule
22.05.2022
Как преобразовать одноэкранное приложение в приложение на основе вкладок с помощью react-native-navigation?
Я пробую реагировать на родную навигацию, но у меня возникла простая проблема.
В приложении есть страница входа без вкладок. (очень похоже на страницу входа в facebook) (Ссылка на изображение - Изображение просто для того, чтобы дать...
849 просмотров
schedule
13.01.2023
Невозможно перезаписать наблюдаемую переменную в хранилище mobx
Вот мой магазин Mobx:
import { observable } from 'mobx';
import fb from '../Firebase';
import User from '../User';
export default class Profile {
@observable profile = {};
@observable uid = null;
/**
* @return {void}...
291 просмотров
schedule
08.06.2023
Реакция Mobx на изменение / удаление подмассива
Как реагировать на изменение массива массива?
var todos = mobx.observable([
{
title: "Make Pasta",
subtasks: [
{ title: 'Pasta' }, { title: 'Salt' },
]
},
{
title: "Make...
849 просмотров
schedule
06.06.2023
Синтаксис для передачи реквизита компоненту без состояния
Я использую inject и observer в компоненте без сохранения состояния, и я не понимаю синтаксиса передачи некоторых реквизитов из родительского компонента. Вот родительский компонент:
<MenuItem>
{cart.getItemsInCart.map((item,...
369 просмотров
schedule
22.05.2023
переменная NaN в методе класса mobx (наблюдаемый - mobx)
Я пытаюсь обновить наблюдаемую переменную counter whoch и наблюдаю за значениями в компоненте, затем я нажимаю кнопку увеличения, this.counter всегда NaN и не могу понять, почему. компонент:
@observer
class App extends Component {...
113 просмотров
schedule
26.02.2024
обновить другие поля при изменении в форме реакции mobx
Я использую демонстрационный пример вложенного поля Mobx-react-form с небольшим изменением списка полей, остальная часть кода как есть . Я хочу иметь возможность запускать функцию каждый раз, когда какое-либо поле обновляется/изменяется и...
724 просмотров
schedule
25.05.2022
Однонаправленный поток данных в React с MobX
Я пытаюсь настроить архитектуру проекта с использованием MobX и React, и мне было интересно, будет ли выполнение следующих действий считаться «неплохим». Я не хочу, чтобы этот вопрос превратился в другой: «это вопрос личных предпочтений, поэтому этот...
359 просмотров
schedule
26.11.2022
React not rerendering после смены наблюдателя mobx
После загрузки страницы я вижу "hi2". Когда я нажимаю кнопку, ничего не происходит. Я тоже пробовал с setUser .
Я подозреваю, что я просто редактирую сами реквизиты, и почему-то наблюдаемое не запускается?
См. Пример кода, который не работает...
13553 просмотров
schedule
18.12.2022
Jest энзим mobx, проверка того, что магазины передаются провайдеру
Это точка входа моего приложения (где я инициализирую и передаю хранилище mobx):
import React from "react";
import ReactDOM from "react-dom";
import registerServiceWorker from "./registerServiceWorker";
import App from "./App";
import UiStore...
1996 просмотров
schedule
25.04.2023
Разница между способом импорта mobx
Как следующий импорт имеет значение?
импортировать {наблюдатель} из 'mobx-react/native'
вместо
импортировать {наблюдатель} из 'mobx-реагировать'
Дополнительная информация
Нативная версия React: ~0.48.4
Реагировать:...
101 просмотров
schedule
07.03.2024
Как отслеживать вложенный объект в магазине MobX
Давайте останемся, у меня есть этот myObject, загруженный через вызов API:
myObject = {
fieldA: { details: 'OK', message: 'HELLO' },
fieldB: { details: 'NOT_OK', message: 'ERROR' },
}
Могут изменяться только детали и сообщение каждого...
6468 просмотров
schedule
22.06.2022
undefined не является объектом (оценка '_react.PropTypes.object')
Только что создал новый проект с помощью reac-native-init. С использованием
"react": "16.0.0",
"react-native": "0.51.0",
Запустив проект из xcode, я получаю следующие ошибки
Необработанное исключение...
6773 просмотров
schedule
05.02.2023
использование mobx с функциональными компонентами React и без декораторов
Я пытаюсь заставить MobX работать с функциональными компонентами в React. Я хочу сделать это без использования декораторов. Я установил приложение с create-react-app, добавил MobX и MobX-react в качестве зависимостей. Однако я не могу заставить...
18735 просмотров
schedule
19.06.2022
Декораторы не работают со сценариями custom-react-scripts
Я прочитал эту статью: https://medium.com/@kitze/configure-create-react-app-without-ejecting-d8450e96196a
Я выполнил его инструкции и вот мой код: https://github.com/franva/custom-react-scripts
Я хочу использовать функцию декораторов для...
510 просмотров
schedule
29.07.2023