Flyken
07/27/2021, 11:11 PMgrosse_tortue
07/27/2021, 11:12 PMgrosse_tortue
07/27/2021, 11:21 PMfrubalu
07/27/2021, 11:35 PMhieu
07/28/2021, 12:24 AMfrubalu
07/28/2021, 12:25 AMfrubalu
07/28/2021, 12:25 AMhieu
07/28/2021, 12:26 AMFlyken
07/28/2021, 12:29 AMjs
{games.map(g => {
console.log(g);
if(g.id !== curGame.id) {
return <Button onClick={() => handleSubscribe(curGame)}>Subscribe</Button>
}else{
return <Button danger onClick={() => handleUnsubscribe(curGame)}>Unsubscribe</Button>
}
})}
this is creating a button for every element inside games
, why idea's? (my wanted behavior is a single button reflecting the above if statement)Flyken
07/28/2021, 12:29 AMFlyken
07/28/2021, 12:29 AMFlyken
07/28/2021, 12:29 AMfrubalu
07/28/2021, 12:30 AMPaganMuffin
07/28/2021, 12:44 AMjs
as function
const SubsButton = () => {
const f = games.find(g => g.id !== curGame.id)
if (f === -1) {
return (
<Button danger onClick={() => handleUnsubscribe(curGame)}>Unsubscribe</Button>
)
} else {
<Button onClick={() => handleSubscribe(curGame)}>Subscribe</Button>
}
}
In render
<SubsButton></SubsButton>
Flyken
07/28/2021, 12:45 AMFlyken
07/28/2021, 12:46 AMFlyken
07/28/2021, 12:46 AMFlyken
07/28/2021, 12:49 AMPaganMuffin
07/28/2021, 12:50 AMFlyken
07/28/2021, 12:50 AMFlyken
07/28/2021, 12:51 AMFlyken
07/28/2021, 12:55 AMPaganMuffin
07/28/2021, 12:55 AMFlyken
07/28/2021, 12:55 AMFlyken
07/28/2021, 12:55 AMFlyken
07/28/2021, 12:56 AMFlyken
07/28/2021, 12:56 AMPaganMuffin
07/28/2021, 1:00 AMjs
const SubsButton = () => {
const f = games.find(g => g.id === curGame.id)
console.log(f)
if (f) {
return (
<button danger onClick={() => handleUnsubscribe(curGame)}>Unsubscribe</button>
)
} else {
return (
<button onClick={() => handleSubscribe(curGame)}>Subscribe</button>
)
}
}
Flyken
07/28/2021, 1:03 AM