Mam taki oto kod w komponencie Questions:
<li key={question.id}>
<h3>Kategoria: {question.category}</h3>
<p>Poziom: {question.level}</p>
<p>Punkty: {question.pointAmount + question.pointBoost}</p>
<img alt='' style={{width: '20%'}} src={question.photoURL}/>
<Router>
<React.Fragment>
<Link to={`/question/${question.id}`}
style={{display: 'block', margin: 'auto'}}>Rozwiaz to zadanie
</Link>
<Route exact path='/question/:id' component={Question}/>
</React.Fragment>
</Router>
</li>
I niby jest ok, ale problem w tym, ze ten komponent laduje sie ponizej listy. W taki sposob:
Chcialbym zeby to Kategoria itd po kliknieciu generowalo sie zamiast listy. Jak to osiagnac?