Как хранить и экспортировать номер объекта во многих случаях.

Question

Я новичок в React, в каждом компоненте я инициализировал объекты, из которых я рендерил компонент

Во всех компонентах объекты инициализированы, я хочу хранить все объекты целиком в одном файле. как можно хранить и экспортировать все объекты с переменной diffrent

Это мой пример кода

import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Footer extends Component {
    render() {
        const links = {
            classname: ["fa-phone", "fa-envelope","fa-location-arrow"],
            content: ["Tel:", "Email:","Location:"],
        };
        return (
             <div>
                  <ul>    
                 {links.classname.map((name, i) =>
                    <li style={{ listStyleType:"none" }} key={name}> <i className={`fa ${name} text-primary`}></i> <b className="p-lr5">{links.content[i]}</b>{links.subcontent[i]}</li>
                     )}
                  </ul>
             </div>    
         );
    }
}    
 export default Footer;

Я пытаюсь сделать так, как я могу сохранить коллекцию объектов в одном файле

const links1 =  {
    classname: ["fa-phone", "fa-envelope", "fa-location-arrow"],
    content: ["Tel:", "Email:", "Location:"],
    subcontent: ["04324-263537", "karurknv@gmail.com", "239, Jawahar Bazaar, karur - 639001"],
};
const links2 =  {
    links: ["Home", "About Us", "Products", "Gallery", "Services"],
    to: ["/", "aboutus", "/products", "/gallery", "/services", "/contact"],
};
const links3 =  {
    links2: ["/terms&condition", "/privatepolicy", "/contact"],
    to2: ["Terms & Condition", "Privacy Policy", "Contact Us"]
};

Пожалуйста, помогите мне

Answer 1

Используйте export вместо export default. Как export const MyComponent.