remx/src/integrationTests/UseRemxComponent.js

Opinionated mobx

import React from 'react';
import { Text } from '../utils/testUtils';
import * as remx from '../es6Remx';

const renderText = (txt) => (
  <Text>
    {txt}
  </Text>
);

export default (props) => {
  const { productId, store } = props;
  const product = remx.useConnect(store.getters.getProduct, [productId]);
  const name = remx.useConnect(store.getters.getName);
  const dynamicObject = remx.useConnect(store.getters.getDynamicObject);

  if (props.renderSpy) {
    props.renderSpy();
  }

  return renderText(JSON.stringify({ name, dynamicObject, product }));
};