The task is to render some to the selected data from JSON. Is the entire development ideal and do I need to create another object for rendering?import React from 'react';export class Tickets extends React.Component {    render() {        const { data } = this.props;        const newProperty = data[0].data.map(            ({                _id,                title,                advertisementAssets,                advertisementPrice,                userWishes,                realestateSummary            }) =>                Object.assign(                    { _id, title, advertisementPrice, realestateSummary, userWishes },                    Object(Object.values(advertisementAssets).find(m => m.titlePicture))                        .advertisementThumbnails                )        );        const properties = newProperty.map(propertyDetail => {            return (                <article className=property key={propertyDetail._id.$id}>                    <figure className=property-image>                        <img src={propertyDetail.inventory_m.url} />                        <figcaption className=property-image-title>Mitte</figcaption>                    </figure>                    <div                        className={                            'property-detail ' +                            (propertyDetail.userWishes.visibleAddress                                ? 'show-address'                                : 'no-address')                        }                    >                        <h5 className=property-detail-title>{propertyDetail.title}</h5>                        {propertyDetail.userWishes.visibleAddress                            ? <h6 className=property-detail-address>                                <span>                                    {propertyDetail.realestateSummary.address.postalCode}                                </span>                                {' '}{' '}                                <span>{propertyDetail.realestateSummary.address.city}</span>                                {' '}{' '} / {' '}                                <span>{propertyDetail.realestateSummary.address.street}</span>                            </h6>                            : null}                        <div className=property-detail-size>                            <div className=property-detail-amount>                                {propertyDetail.advertisementPrice.baseRent}                             </div>                            <div className=property-detail-room>                                {propertyDetail.realestateSummary.numberOfRooms} Zimmer                            </div>                            <div className=property-detail-space>                                {propertyDetail.realestateSummary.space.toFixed(0)} m                            </div>                        </div>                    </div>                </article>            );        });        return (            <main>                <div className=container>                    <section className=item-list>                        {properties}                    </section>                </div>            </main>        );    }}
Rendering selected data from JSON
javascript;json;ecmascript 6;react.js;babel.js