I want to make my code render the data when i search for a value, tried it by using for, but it keeps showing unexpected token. Is there any way to do it properly? It may be an easy question but i don’t really know how to make this work.
export default function SelecionaRota() {
const rota = {
locais: [
{
nome: 'Rio de Janeiro',
rotas: [
{
nome: 'RJ-SP',
valor: 1200
},
{
nome: 'RJ-BSB',
valor: 1400
}
]
},
{
nome: 'São Paulo',
rotas: [
{
nome: 'SP-RJ',
valor: 1200
},
{
nome: 'SP-BSB',
valor: 1400
}
]
}
]
}
const location = useLocation()
const { estadoOrigem } = location.state
return (
<div>
<h1>{estadoOrigem}</h1>
{for (var i = 0;i < rota.locais.length;i++) {
if (estadoOrigem === rota.locais[i].nome) {
rota.locais[i].rotas.map(module => (
<>
<h1>{module.nome}</h1>
<h2>{module.valor}</h2>
</>
))
}
}}
</div>
)
}
Error:
./src/pages/Rota.js
SyntaxError: D:Arquivos1 Estágio Testeaeroporto-testesrcpagesRota.js: Unexpected token (39:13)
37 | <div>
38 | <h1>{estadoOrigem}</h1>
> 39 | {for (var i = 0;i < rota.locais.length;i++) {
| ^
40 | if (estadoOrigem === rota.locais[i].nome) {
41 | rota.locais[i].rotas.map(module => (
42 | <>