A sample React module powered by Agility CMS

ImageLink.jsx

import React, { Component } from 'react';
import './ImageLink.css'
class ImageLink extends Component {
    render() {
        return (
            <section className="imagelink">
                <h3>{this.props.item.fields.title}</h3>
                <a href={this.props.item.fields.linkURL.href} target={this.props.item.fields.linkURL.target}>
                    <div>
                        <img src={this.props.item.fields.image.url + '?w=300&h=300'} alt={this.props.item.fields.image.label} />
                    </div>
                    <div>{this.props.item.fields.linkURL.text}</div>
                </a>
            </section>
        );
    }
}
export default ImageLink;