embedded: Unexpected token . React.

Question

<script type="text/babel">
    class List extends React.Component {
        state = {
            objects: ['1', '2', '3']
        };
        render() {
            return(<div> objects[1] </div>)
        }
    }

Error: browser.min.js:41 Uncaught SyntaxError: embedded: Unexpected token (4:18)

  2 |         class List extends React.Component {
  3 | 
> 4 |             state = {
    |                   ^
  5 |                 objects: ['1', '2', '3']
  6 |             };

I can't understand((

Answer 1

<script type="text/babel">
    class List extends React.Component {
        constructor(props) {
            this.state = {
                objects: ['1', '2', '3']
            };
        }
        render() {
            return(<div> {this.state.objects[1]} </div>)
        }
    }