Module view file

This topic covers the module view file in Microsoft Dynamics 365 Commerce.

Overview

A module view file is a TypeScript (.ts) file that controls a module's view. It's called from the module's React component. Additional module views can be provided in various themes to render a module differently, depending on the requirements of the theme.

Example

The following example shows the default module view file for a new module.

import * as React from 'react';
import { IProductFeatureViewProps } from './product-feature';

export default (props: IProductFeatureViewProps) => {
    return (
        <div className='row'>
            <h2>Config Value: {props.config.showText}</h2>
            <h2>Resource Value: {props.resources.resourceKey}</h2>
        </div>
    );
};

Additional resources

Modules overview

Module definition file

Module React component file

Module data file

Module mock file

Module test file

Module props.autogenerated.ts file