Reaccionar con ES7: Error de tipo no capturado: no se puede leer la propiedad 'estado' de indefinido [duplicado]

Esta pregunta ya tiene una respuesta aquí:

No se puede acceder a la instancia de React (this) dentro del controlador de eventos 16 respuestas

Me sale este errorTypeError no capturado: no se puede leer la propiedad 'estado' de undefined cada vez que escribo algo en el cuadro de entrada de AuthorForm. Estoy usando React con ES7.

El error ocurre en3.a línea de la función setAuthorState en ManageAuthorPage. Independientemente de esa línea de código, incluso si pongo un console.log (this.state.author) en setAuthorState, se detendrá en console.log y mostrará el error.

No se puede encontrar un problema similar para otra persona a través de Internet.

Aquí está elManageAuthorPage código:

import React, { Component } from 're,act';
import AuthorForm from './authorForm';

class ManageAuthorPage extends Component {
  state = {
    author: { id: '', firstName: '', lastName: '' }
  };

  setAuthorState(event) {
    let field = event.target.name;
    let value = event.target.value;
    this.state.author[field] = value;
    return this.setState({author: this.state.author});
  };

  render() {
    return (
      <AuthorForm
        author={this.state.author}
        onChange={this.setAuthorState}
      />
    );
  }
}

export default ManageAuthorPage 

Y aquí está elAuthorForm&nbsp;código:

import React, { Component } from 'react';

class AuthorForm extends Component {
  render() {
    return (
      <form>
                <h1>Manage Author</h1>
        <label htmlFor="firstName">First Name</label>
                <input type="text"
                    name="firstName"
          className="form-control"
                    placeholder="First Name"
          ref="firstName"
          onChange={this.props.onChange}
                    value={this.props.author.firstName}
          />
        <br />

        <label htmlFor="lastName">Last Name</label>
                <input type="text"
                    name="lastName"
          className="form-control"
                    placeholder="Last Name"
          ref="lastName"
                    onChange={this.props.onChange}
          value={this.props.author.lastName}
                    />

                <input type="submit" value="Save" className="btn btn-default" />
            </form>
    );
  }
}

export default AuthorForm