React Performance Anti-Pattern: Creating Functions in render() - attempt.js

attempt.js

import MyCustomButton from './ui/MyCustomButton'

class MyClicker extends Component {
  constructor() {
    super()
    this.state = { clicked: false }
  }

  handleClick() {
    this.setState({ clicked: true })
  }
  
  render() {
    return <div>
      <MyCustomButton onClick={this.handleClick.bind(this)}>
        Click Me
      </MyCustomButton>
      {this.state.clicked && <div>Nice work!</div>}
    </div>
  }
}