aquí está mi código y no puedo encontrar dónde está el problema

 import React, {Component} from "react"; export default class Product extends Component{ state = { id: this.props.product.id, productName: this.props.product.productName, price: this.props.product.price, } render(){ return<div className="col-lg-g"> <div className="card m-2"> <div className="card-body"> <div className="text-muted"># {this.props.id}</div> <h5 className="p-5 border-top">{this.props.productName}</h5> <div>$ {this.props.price}</div> //{console.log(state)} </div> </div> </div> }

}

muestra la línea 17:36: 'estado' no está definido sin definición cada vez que ejecuto el código