import React from "react"; class Alumno extends React.Component { constructor(props) { super(props); this.state={nota:"Por determinar"} } cambiarNota=()=>{ this.setState({nota:10}) } render() { return ( <div> <h1>{this.props.nombre}</h1> <h2>{this.state.nota}</h2> <button type="button" onClick={this.cambiarNota} >Ver nota</button> </div> ); } } export default function App() { return ( <div> <Alumno nombre="Ana"/> <Alumno nombre="Eva"/> </div> ); }