¿Alguna idea de cómo hacer que una entrada acepte ciertas extensiones de archivos como pdf, en línea? Entonces, ¿puede mostrarse en el cuadro al elegir en lugar de mostrar todos los archivos o archivos personalizados?
<input accept='.Online' className={classes.input} id='contained-button-file' /*multiple*/ type='file' onChange={fn} /> <label htmlFor='contained-button-file' className={classes.root} style={{ marginTop: 'auto', marginBottom: 'auto' }}> <Button startIcon={<PublishIcon />} variant='contained' color='primary' component='span'> upload </Button> </label>Puede definir externamente accept accesorios para input de modo que acepte solo el tipo de entrada que ha especificado como valores separados por comas:
El valor del atributo de aceptación es una cadena que define los tipos de archivo que debe aceptar la entrada del archivo. Esta cadena es una lista separada por comas de especificadores de tipo de archivo únicos. Debido a que un tipo de archivo determinado puede identificarse de más de una manera, es útil proporcionar un conjunto completo de especificadores de tipo cuando necesite archivos de un formato determinado. - MDN
Deberías leer accept Docs
<input id='contained-button-file' /*multiple*/ type='file' accept=".pdf,.Online" onChange={fn} />