Хочу спросить по поводу обьединения

import React, { Component } from 'react'
import ShowText from './ShowText.js';
 
export class ShowFullItem extends Component {
    constructor(props) {
        super(props);
        this.state = {
          showDescription: false
        };
      }
    
      toggleDescription = () => {
        this.setState({ showDescription: !this.state.showDescription });
      }
 
    render() {
        return (
        <div className='full-item'>
            <div>
                <img src={"./img/" + this.props.item.img} alt={this.props.item.title}/>
                <h2>{this.props.item.title}</h2>
                    <div>
                    <ShowText 
                    textToShow={this.props.item.desc}/>
                    </div> 
                <b>{this.props.item.price}$</b>
                <div className='closeButton' onClick={() => this.props.onShowItem(this.props.item)}>х</div>
                <div className='add-to-cart' onClick={() => this.props.onAdd(this.props.item)}>+</div>
            </div>
        </div>
        )
    }
    }
 
export default ShowFullItem[ASM][/ASM]import React, { Component } from 'react'
import ShowText from './ShowText.js';
 
export class ShowFullItem extends Component {
    constructor(props) {
        super(props);
        this.state = {
          showDescription: false
        };
      }
    
      toggleDescription = () => {
        this.setState({ showDescription: !this.state.showDescription });
      }
 
    render() {
        return (
        <div className='full-item'>
            <div>
                <img src={"./img/" + this.props.item.img} alt={this.props.item.title}/>
                <h2>{this.props.item.title}</h2>
                    <div>
                    <ShowText 
                    textToShow={this.props.item.desc}/>
                    </div> 
                <b>{this.props.item.price}$</b>
                <div className='closeButton' onClick={() => this.props.onShowItem(this.props.item)}>х</div>
                <div className='add-to-cart' onClick={() => this.props.onAdd(this.props.item)}>+</div>
            </div>
        </div>
        )
    }
    }
 
export default ShowFullItem[ASM][/ASM]