Render Prop - Hello

Hello Component

const word = 'hello';

class Hello extends React.Component {

  state={loud: false}

  handleLoudness = () => {
    this.setState({
      loud: !this.state.loud
    })
  }

  render() {
    return (
      <div>
       {this.props.render({
         handleLoudness: this.handleLoudness,
         loud: this.state.loud,word: word })}
      </div>
    )
  }
}