Olá, estou tentando retornar um par de chave e valor usando a função map(), porem estou passando as informações ao meu componente via props, o meu componente recebe um texto e um value dentro dele e retorna um Option contendo esses valores.
Como vocês podem ver no código cada option tem um value
e um text
. Eu criei uma variável data
que é um objeto com os valores mas quando eu faço o map ele exibe o array inteiro (sim está errado) porem eu não sei uma forma de fazer com que uma variável retorna o par de chave e valor, pois a minha ideia é passar um array de objetos, ou um array (não sei qual seria o jeito certo) e usar o map para percorrer retornando o value
e o optionValue
para o Option.
Obs: Cada optionValue precisa ter um option para que posteriormente esses valores possam ser capturados de alguma forma.
Havia tentado fazer um map() dentro de outro map() mas não deu certo.
Gostaria de saber uma forma de fazer isso da maneira correta, desde já agradeço ^^
const data = [
{
optionValue: ['Teste1', 'Teste2', 'Teste3'],
},
{
value: ['value1', 'value2', 'value3'],
},
];
<Date option={data} />
Outro arquivo!
function Date({ option }) {
return (
<Select>
{option.map((opt) => (
<Option value={opt.optionValue}>{opt.value}</Option>
))}
</Select>
)
}
const data = [{chave:'Teste1', value:'value1'},{chave:'Teste2',value:'value2'}]
.