I'm following and reading a bunch of courses on React, but I'm confused, sometimes I see using the template literal notation to express variables inside html elements, such as *p* and *h* elements, some other times for the same elements there's no such use. An example of this from the [ReactJS documentation](https://reactjs.org/docs/hooks-state.html):

```
class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  render() {
    return (
      <div>
        <p>You clicked {this.state.count} times</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Click me
        </button>
      </div>
    );
  }
}

```

Why the expression inside the *p* tag is not written like this?

```
<p>`You clicked ${this.state.count} times`</p>

```