I'm very new to React.js but exploring it I expected something that I'm not able to do.

Say that I have a component:

```
var SampleComponent = React.createClass({
  render: function() {
    return (
      <div>Hello</div>
    );
  }
});

```

Is this the only way to add it to the DOM?

```
React.render(
  <SampleComponent />,
  document.getElementById('content')
);

```

I hoped I would be able to do something like this directly in HTML after having defined the component:

```
    <!DOCTYPE html>
    <html lang="en">
        <head></head>
        <body>
            <SampleComponent />
        </body>
    </html>

```

Am I missing something? Thanks