Tengo que llamar a mi componente de reacción como component.Component . Componente, como se muestra a continuación. También para tener en cuenta, la primera parte es el nombre del archivo. Si cambio el nombre del archivo, tengo que decir (newFileName.LikeButton) .

en vez de

 ReactDOM.render(React.createElement(LikeButton) , domContainer);

¿Alguna idea de cómo puedo resolver esto? He aquí mi arreglo. Mi babel.config.json

 { "presets": ["@babel/preset-react", "@babel/preset-env" ], "plugins": [ "@babel/plugin-transform-modules-umd" ] }

mi componente de reacción en likeButton.jsx

 export class LikeButton extends React.Component { constructor(props) { super(props); this.state = { liked: false }; } render() { if (this.state.liked) { return 'You liked this.'; } return (<button onClick={() => this.setState({ liked: true }) }> Like </button> ); } }