Этот код работает в другом компоненте, но не в этом. Когда я нажимаю на тег 'li', он не запускает проверку функции.
import React from 'react'
class Peladas extends React.Component {
test = () => {
console.log('TEST')
}
render() {
return(
<div id='pelada-container'>
<div id='pelada-container-menu'>
<ul>
<li id='peladas-proximas' onClick={this.test}>PELADAS PRÓXIMAS</li>
<li id='minhas-peladas' onClick={()=>{console.log('test')}}>MINHAS PELADAS</li>
<li id='criar-pelada' onClick={this.test}>CRIAR PELADA</li>
</ul>
</div>
</div>
)
}
}
export default Peladas;
код, кажется, в порядке, есть какие-либо мнения о том, что может пойти не так?