const change = (e) => {
console.log(e)
//Firebase.database().ref(`userSubject/${subjectTaken.user}/${subjectTaken.id}/topics/${name}/`).update({"completed": !completed})
}
return (
<View style={styles.page} >
<Header type="dark-profile" title={subjectTaken.name} desc="Here is your progress. You can do this!" onPress={() => navigation.goBack()}/>
<View>
{topic.map(item => {
if(item.completed === true) {
return <TodoBox text={item.lesson} type={true} onPress={() => console.log("YEY")} />
} else {
const name = item.lesson
return (
<TodoBox text={item.lesson} type={false} onPress={(name) => {this.change(item.lesson)}} />
)
}
})}
</View>
</View>
)
}
I am wondering how i can pass the variable item.lesson to the function that i inserted on onpress... log gives me undefined why
In this snippet, you are passing name as a parameter, so the function does not know about item.
Also, it looks like the onChange function requires an event as a parameter. So, changing the following line:
<TodoBox text={item.lesson} type={false} onPress={(name) => {this.change(item.lesson)}} />
to this:
<TodoBox text={item.lesson} type={false} onPress={(e) => {this.change(e)}} />
might fix this.
Finally, please try to the complete code if possible.