Entonces, estoy tratando de pasar accesorios de una matriz para representarlos en la pantalla con la lista de casillas de verificación. En cambio, mi función pasa objetos y no accesorios. Pude pasar un accesorio pero no los otros. Estaba siguiendo un ejemplo que hizo un suministro de noticias pero los artículos eran objetos. (usando snack.expo)
¿Cómo puedo pasar accesorios en lugar de objetos?
código: matriz : dejar tareas = [ { título: 'Mi primera tarea completada', verificado: verdadero, }, { título: 'Mi segunda tarea', verificado: falso, }, { título: 'Mi tercera tarea', verificado: falso, }, ];
función: renderCheckBox(){ let checkbox = [ ];
for(let i = 0; i < tasks.length; i++){ let t = tasks[i] checkbox.push( <Checkbox onToggleChange={t}/>); } return checkbox; }Vista:
{this.renderCheckBox()} </SafeAreaView>Puedo hacer que se muestren las casillas de verificación, pero no las tareas.
Cualquier ayuda es muy apreciada.
Deberías aprender sobre JSX. Y cómo renderizar en combinación con la función map(). Aquí está la respuesta para usted:
const tasks = [ { title: 'My first completed task', checked: true, }, { title: 'My second task', checked: false, }, { title: 'My third task', checked: false, }, ]; <SafeAreaView> {tasks.map((item: any) => <Checkbox onToggleChange={t} title={item.title} checked={item.checked}/>} </SafeAreaView>