Bom dia, estou desenvolvendo um componente com react, mas não estou conseguindo atribuir valores de um arquivo que criei para informações default. Exemplo:
criei este arquivo menu-itens.js
`export default {
items:[
{
id: 1,
title:'NFC-e',
icon:'fa fa-file',
url:'',
},
{
id: 2,
title:'NF-e',
icon:'fa fa-file',
url:'',
},
]
}`
e gostaria de realizar a leitura dessas informações no meu arquivo index.js do componente, para renderizar o componente já com os atributos.
O que fiz até agora.
import React, { useState, useEffect } from 'react';
import items from './menu-item';
import './styles.css';
export default function Sidebar() {
const [repositores, setRespositories] = useState([]);
useEffect(() => {
setRespositories(items);
}, []);
return (
<div className="main-sidebar">
<div className="container-sidebar">
<ul>
{items.map((repo, index) => (
<li key={index}>{repo.title}</li>
))}
</ul>
</div>
</div>
);
}