isVisible — setState — ternary operatör
import React, { Component } from 'react'
class Satislar extends Component {
constructor(props) {
super(props)
this.state = {
isVisible: true
}
}
onClickEvent = (number, e) => {
let isVisible = this.state.isVisible
isVisible ? this.setState({ isVisible: false }) : this.setState({ isVisible: true })
}
render() {
let isVisible = this.state.isVisible
console.log(typeof (isVisible))
return (
<div>
<h3 onClick={this.onClickEvent.bind(this, 34)} >Satışlar Tablosu <br /> Satış yapılan Ürün:</h3>
{
isVisible ?
<div>
<h2 style={{ color: "chocolate" }}>{this.props.urunAdi}</h2>
</div> : null
}
</div>
)
}
}
export default Satislar;
