Estoy creando una aplicación React y quería usar el marco material-ui.

Construyo un componente con un campo de texto y un botón, pero no puedo hacer clic en el campo de texto ni en el botón que está bloqueado.

Aquí está el código del componente:

 import React, { Component } from 'react'; import Button from '@material-ui/core/Button'; import TextField from '@material-ui/core/TextField'; class Descarcare extends React.Component { constructor(props) { super(props); this.state = { }; } render() { return( <div> <h1>Descarcare</h1> <TextField id="standard-required" label="ID" InputProps={{ readOnly: false, }}/> <Button variant="contained" color="primary"> Trimite </Button> </div> ); } } export default Descarcare;

El componente aparece en el navegador pero no puedo presionar el botón, está bloqueado y también lo está el campo de entrada. No puedo escribir nada en él. ¿Puede por favor alguien ayudarme? Gracias por adelantado