Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react'
import { getData } from '../../helpers/fetchHelpers';

const EditItem = ({
    title,
    action,
    data
}) => {

    const [type, setType] = useState('text');
    const [itemData, setItemData] = useState(data);

    useEffect(() => {
        if (data === null) {
            setItemData('')
        }
    }, [data]);

    useEffect(() => {
        if (typeof itemData === "object") {
            setType("list")
        }
    }, [data]);

    return (
        <div className="user-profile-ov">
            <h3>
                {title}
                <button
                    className="btn btn-degrees-edit"
                    onClick={action}
                >
                    <i className="fa fa-pencil"></i>
                </button>
            </h3>
            {
                type === "list"
                    ?
                    <ul>
                        {
                            itemData.map((element) => (
                                <li key={element.value}>
                                    {element.label}
                                </li>
                            ))
                        }
                    </ul>
                    :
                    <p>
                        {itemData}
                    </p>
            }
        </div>
    )
}

export default EditItem