JavaScript: ReactJS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
ReactJS Как промотать вниз react-scrollbar https://www.npmjs.com/package/react-scrollbar Это код из родительского компонента let chatMessages = ''; if (this.props.messages.length > 0) { let messsages = this.props.messages.map((message, i) => ( <div key={i}>{message}</div> )); chatMessages = https://www.cyberforum.ru/ react-js/ thread2574526.html	ReactJS Как подключить redux через хук import T from '../helpers/functions'; import Page from "../components/Page"; import {connect, useSelector} from 'react-redux'; import * as React from "react"; function ConfirmActionByMailComponent() { const language = useSelector(state => state.user.language); return ( <Page>
ReactJS reselect (глубокое сравнение) Как селектором добраться до списка фотографий в структуре, в которой несколько альбомов (они могут добавляться/удаляться) Я сделал динамический селектор, но он не отрисовывается при добавлении новой фотографии в альбом, может кто сталкивался с таким? Знаю почему не отрисовывается, потому что он сравнивает альбомы на равенство и их количество не меняется, а меняются фотографии какого-то из... https://www.cyberforum.ru/ react-js/ thread2573874.html	ReactJS Как вывести ключи и значения массива в HTML элементах? Реализовать компонент, который будет принимать один параметр в формате JSON и отображать вложенный список. Пример конфига: { “item1”: { “nestedItem1”: null, “nestedItem1”: { “deeplyNetstedItem1 } }, https://www.cyberforum.ru/ react-js/ thread2571586.html
Cannot add property currentTime, object is not extensible ReactJS Здравствуйте! Проблемка в следующем ..... В компоненте есть элемент <audio> обращение к нему сделано через ref let audioRef = React.createRef(); return( <div> <audio ref={audioRef} src={props.path} autoPlay ></audio> </div>	ReactJS Как загрузить на сервер картинки через CKEditor 4. React В общем я задал такой же вопрос на стек овер флоу, но хотелось бы узнать и ваши мнения https://stackoverflow.com/questions/59749038/how-upload-images-to-server-using-ckeditor-4 Суть задачи состоит в том, что необходимо загрузить картинку на сервер со статьей. Картинка будет хранится в директории, которая будет называться по id статьи, поэтому вначале нужно отправить саму статью, а потом... https://www.cyberforum.ru/ react-js/ thread2570366.html
ReactJS Не могу передать в пропсы состояние из хука https://www.cyberforum.ru/ react-js/ thread2568579.html Передаю по клику индекс элемента в редьюсер, меняю в массиве состояние по индексу(true, false) и возвращаю массив состояний, нужно ли еще использовать какой-нибудь хук для отлавливания изменений в массиве состояний?	Повесить событие на кнопку при динамическом создании кнопки в React ReactJS При выполнении события у меня вызывается функция, в которой рисуется кнопка; let html = '<button class="take" onClick={this.getActors}/>'; document.getElementById('log').innerHTML += html; Проблема в том, чтобы повесить событие на нажатие этой кнопки. Если я пишу onClick={this.getActors} , браузер добавляет кавычки onClick="{this.getActors}" и эта функция не воспринимается. Если...
ReactJS Как подключить onClickOutside к компоненту-классу с редуксом? https://www.cyberforum.ru/ react-js/ thread2562797.html https://github.com/Pomax/react-onclickoutside Как подключить onClickOutside к компоненту-классу с редуксом? Я думал, что будет достаточно compose import './Header.scss'; import {logout} from '../redux/user'; import {showLeftMenu} from '../moduleSocNet/redux/socNet'; import {getUserFields, bindEvents, getSocNetPath} from '../helpers/functions';	ReactJS Использование this внутри map при преобразовании массива https://www.cyberforum.ru/ react-js/ thread2562687.html Всем привет. Недавно начал изучать React на онлайн-курсах. И вот, задание: "Создайте компонент Tabs, который выводил бы bootstrap-вкладки (https://getbootstrap.com/docs/4.3/components/navs/#tabs) с надписями, заданными через параметр props.tabs в виде массива: <Tabs tabs={} />. Для каждой ссылки <a> внутри вкладки <li> выведите атрибут data-index, хранящий ее порядковый номер. Обеспечьте...
ReactJS Парсинг ссылок в чате Всем привет! Как можно реализовать парсинг URL (например из сообщения) в кликабельную ссылку и при этом не использовать dangerouslySetInnerHTML?	ReactJS React + VCS https://www.cyberforum.ru/ react-js/ thread2561455.html Недавно начал изучать React, хочу его использовать для своего простого проекта. Так как я вынужден довольно часто ездить, у меня 2 рабочих машины + ноутбук. Все проекты которые я раньне делал/делаю, сейчас привязаны к приватным репозиториям на github, хотел было так же поступить с React проектом, но тут вышла заминка. Из туториалов, я создал проект через create-react-app, все работает, все...

BarsicPlus

11 / 11 / 2

Регистрация: 21.05.2014

Сообщений: 31

MobX. Можно ли импортировать store в модель другого store, если нужно использовать данные обоих stores? - ReactJS - Ответ 14207435

27.01.2020, 17:33. Показов 1380. Ответов 0

Метки (Все метки)

Author24 — интернет-сервис помощи студентам

Mobx. Подскажите, пожалуйста, как правильно описать структуру кода, когда нужно чтобы в модели одного store использовались данные другого store.

Код

/stores
    RetailersStore.ts
    RewardsStore.ts
/models
    RetailerStore.ts
    RewardModel.ts

Сейчас у меня calc() выполняется в компонентах в методе render(). Но это создает дублирование кода, поэтому я хочу оптимизировать этот процесс, но не знаю как правильно.

я думаю, что можно создать геттер @get cashback в функции-конструкторе "RetailerModel", но у меня функция calc() использует данные с обоих stores. И проблема в том, что RewardStore.reward может меняться, поэтому RetailerModel должен следить за изменениями.

Javascript

import { calc } from '../constants';
 
export class RetailerModel {
  @observable public rate: number;
 
  constructor(rate: number) {
    this.rate = rate;
  }
 
  // Мне кажется, это был бы идеальный вариант, но насколько так вообще разумно 
  // делать? Придется дополнительно дописывать @observer к RetailerModel, так как RewardStore.rewards может меняться. 
  // Будет ли это эффективно?
  @computed get cashback(): number {
    return calc(this.rate, RewardStore.reward); 
  }
}
 
[...]

Как в целом решаются подобные проблемы, чтобы код оставался структурированным и эффективно выполнялся?

В крайнем случае я могу объединить оба stores в один единственный. Но это не лучший вариант?

Вернуться к обсуждению:
MobX. Можно ли импортировать store в модель другого store, если нужно использовать данные обоих stores? ReactJS

Заказать работу у эксперта

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

27.01.2020, 17:33

Готовые ответы и решения:

Strict Standards: Declaration of VirtueMartModelMedia::store() should be compatible with VmModel::store($data)
Strict Standards: Declaration of VirtueMartModelMedia::store() should be compatible with...

Java App Mac App Store/ Windows Store
Всем привет! У меня есть вопрос на который я не в состоянии сам найти ответ. У меня есть веб...

Не догружаются данные в store
не догружаются данные в store Добрый день.. Все перепробовал да ничего не получается.. в общем у...

Как подключить X509Certificate с Certificate Store, если он защищен паролем?
Такой вопрос вот. Как подключить X509Certificate с Certificate Store, если он защищен паролем? К...

	27.01.2020, 17:33

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

27.01.2020, 17:33

Помогаю со студенческими работами здесь

Существует ли эмулятор iOS на котором можно устанавливать приложения из App Store?
Здравствуйте! Существует ли эмулятор при помощи которого можно было бы скачивать приложение из App...

Что нужно для того чтобы собрать приложение для iOS и выложить в App Store?
Всем привет! Делаю приложение на PhoneGap. И столкнулся с проблемой. Установил виртуальную...

Как использовать append, если нужно из таблицы tblnew перевести данные в tblold?
Вот так я удаляю - Connection2.Execute ('delete from tblnew where dtoc(zaiav,1) = '' &...

Нужно, импортировать из файла в массив 16 значений, таких файлов много, вот нужно импортировать и отсортировать по возрастанию
что то у меня не получаеться Program abli; var a: file of integer; i: byte; mas: array of...

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

Наверх