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

problem.js

import MyCustomButton from './ui/MyCustomButton'

class MyClicker extends Component {
  constructor() {
    super()
    this.state = { clicked: false }
  }
  
  render() {
    return <div>
      <MyCustomButton onClick={() => this.setState({ clicked:true })}>
        Click Me
      </MyCustomButton>
      {this.state.clicked && <div>Nice work!</div>}
    </div>
  }
}