Escribí una aplicación React simple que tiene un Componente de clase y un estado de nombre . Espero cambiar el valor del nombre del estado haciendo clic en el botón Pero no funciona

Aquí está mi código:

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; class Demo extends React.Component { state ={ name:"Hello" } fun() { this.setState({ name:"World" }); } render() { return <p>{this.state.name+" "}<br/><button onClick={this.fun}>Click</button></p>; } } ReactDOM.render( <Demo/>, document.getElementById('root') ); reportWebVitals();